Ik ben bezig met een website te maken, hiervoor gebruik ik uitklapbare menu's m.b.v. jQuery.
Dit werk echter niet.
Zelf zou ik het probleem niet direct zien omdat ik ze zelf niet zovaak me werk.

Hier zijn de scripts

Head:

Code:

jQuery(document).ready(function(){
    $('.hidden').click(function() {
        $(this).next().toggle('slow');
        return false;
    }).next().hide();
});

Uit het voorbeeld van http://jqueryui.com/demos/accordion/ (onderaan de pagina)

Body:

Code:

<h2 class="hidden"><a href="#">Login</a></h2>
<div>
    <form id="login" method="post" action="/login<?php echo $_SERVER['REQUEST_URI']; ?>">
    <table>
        <tr>
            <td>
                <label>Gebruikersnaam</label>
            </td>
            <td>
                <input type="text" name="login_user" size="10" />
            </td>
        </tr>
        <tr>
            <td>
                <label>Wachtwoord</label>
            </td>
            <td>
                <input type="password" name="login_pass" size="10" />
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <button class="login-button" type="submit" name="login_submit" value="Inloggen" />
            </td>
        </tr>
    </table>        
    </form>
</div>

Kan iemand wij hierbij helpen?
Alvast bedankt.

In je jQuery aanroep gebruik je .hidden erin. Ik meen dat dat in ieder geval alleen hidden moet zijn (zonder de punt dus).

Gr,

CJ

Origineel gepost door Casper van C.

In je jQuery aanroep gebruik je .hidden erin. Ik meen dat dat in ieder geval alleen hidden moet zijn (zonder de punt dus).

Gr,

CJ

Ik heb het geprobeerd zonder de punt, dit werkt echter ook niet.
Toch bedankt

http://plugins.jquery.com/taxonomy/term/3566

$(document.getElementById(...)).is(":hidden")
doet bij mij de truc

Origineel gepost door R van Breugel

http://plugins.jquery.com/taxonomy/term/3566

Dit is niet precies wat ik zoek, toch bedankt voor je bijdrage.
Aanvullend bericht:

Origineel gepost door F. Meijer

$(document.getElementById(...)).is(":hidden")
doet bij mij de truc

Het probleem is dat ik er zo enkele op één pagina heb staan en ik bij elke dan een ander ID zou moeten meegeven.

je kan gewoon een variable op de plek van ... zetten, als de deze dan meegeeft bij het initieren;

<!--html-->
<a onclick="show(idVanDezeTag)" id="idVanDezeTag">toon</a>


*/js*/
function show(target){
$(document.getElementById(target)).is(":hidden") {
doejeding

}

Origineel gepost door Aryan Eimermacher

Dit is niet precies wat ik zoek, toch bedankt voor je bijdrage.
Aanvullend bericht:

Het probleem is dat ik er zo enkele op één pagina heb staan en ik bij elke dan een ander ID zou moeten meegeven.

Je kant ok afstappen van jquery en hetzelfde bereiken met flash?
Ik kan je eventueel wel helpen.

Origineel gepost door R van Breugel

Je kant ok afstappen van jquery en hetzelfde bereiken met flash?
Ik kan je eventueel wel helpen.

Echter kan je geen PHP gebruiken in flash, en bij jQuery kan dit wel.

Echter kan je geen PHP gebruiken in flash, en bij jQuery kan dit wel.

Je kunt wel degelijk gebruik maken van php in flash.

Dat is inderdaad wel mogelijk, maar voor een simpele animatie zou ik geen flash bestand maken. jquery leent zich hier prima voor en heeft als voordeel dat de html door zoekmachines geindexeerd kan worden.

Origineel gepost door R van Breugel

Je kunt wel degelijk gebruik maken van php in flash.

Via omwegen wel, echter hebben ook niet alle browsers flash standaard geinstalleerd of aanstaan, jQuery werkt gewoon op html, en alle browsers zien dit wel.
Tevens heb je dan ook nog het aspect dat zoekmachines niet goed kunnen zoeken in flash.
Dus voor mij is Flash dan ook geen oplossing.

Origineel gepost door Aryan Eimermacher

Via omwegen wel, echter hebben ook niet alle browsers flash standaard geinstalleerd of aanstaan, jQuery werkt gewoon op html, en alle browsers zien dit wel.
Tevens heb je dan ook nog het aspect dat zoekmachines niet goed kunnen zoeken in flash.
Dus voor mij is Flash dan ook geen oplossing.

Dat is iets anders dan meteen schreeuwen dat het niet mogelijk is. Met jquery kan ik je helaas niet verder helpen, succes nog.

Origineel gepost door F. Meijer

je kan gewoon een variable op de plek van ... zetten, als de deze dan meegeeft bij het initieren;

<!--html-->
<a onclick="show(idVanDezeTag)" id="idVanDezeTag">toon</a>


*/js*/
function show(target){
$(document.getElementById(target)).is(":hidden") {
doejeding

}

Ik heb bijvoorbeeld 10 van deze dropdown menu's op één pagina staan, dan zou ik deze elk een apart ID moeten meegeven. Dit is echter niet doenbaar, ik weet dat het gemakkelijker kan via jQuery uds laten we het ook daarbij houden.

Kun je niet een url posten van de betreffende pagina (als het online staat tenminste)? Dan is het wat makkelijker debuggen.