[résolu] Tuto de Alsa, je n'ai pas compris un point

Bonjour,
Je suis en train de mettre en place le menu en accordéon ou l'on trouve le résultat final à l'adresse suivante :
http://www.alsacreations.com/tuto/lire/607-conclusion.html
Par contre je n'ai pas réussi à faire en sorte qu'un des menu reste déroulé. Il y a pourtant une explication dans le code :

        
// sauf celui qui porte la classe "open_at_load" :
$("ul.subMenu:not('.open_at_load')").hide();

Et en plus c'est expliqué ici :
http://www.alsacreations.com/tuto/lire/606-amliorer-lergonomie.html
Mais vraiment, je n'ai pas compris à quel endroit je doit rajouté une classe open_at_load sur mon HTML.
Merci d'avance pour votre aide
Modifié par winclick (05 Feb 2009 - 10:02)

Bonjour,

Le principe est sensiblement le même que celui expliqué ici:
http://www.alsacreations.com/astuce/lire/28-styles-lien-page-en-cours.html

(Pas le même au sens où il faudrait utiliser le même type de code -- ce n'est pas le cas. Je parle ici du principe qui consiste à générer un code HTML légèrement différent pour le menu suivant la page ou la rubrique en cours.)

Ici, tu dois te débrouiller pour placer la classe "open_at_load" sur le UL qui ne doit pas être masqué par le script lors du chargement de la page. Donc à priori le UL qui correspond à la rubrique en cours, et qui aura sans doute une balise ouvrante comme ceci:

<ul class="subMenu open_at_load">

tandis que les autres auront une balise ouvrante comme suit:

<ul class="subMenu">

Ok donc on met le nom de la classe "open_at_load" en supplément. J'ai bien essayé et ca ne fonctionne point. Il y a des gens qui utilisent ce script ? Je pense tt de même que Alsa a vérifier son script et ses explications, donc c'est pour cela je suis étonné.

Au niveau de mon code : j'ai testé ainsi :

  <ul id="navigation">
        <li class="toggleSubMenu" ><a href="">test 1</a>
            <ul style="display: none;" class="subMenu open_at_load">
                <li><a href="1.php" title="1">1</a></li>
                <li><a href="2.php" title="2">2</a></li>
                <li><a href="3.php" title="3">3</a></li>
                <li><a href="4.php" title="4">4</a></li>
            </ul>
        </li>
        <li class="toggleSubMenu"><a href="">test 2</a>
            <ul style="display: none;" class="subMenu">
                <li><a href="1.php" title="1">1</a></li>
                <li><a href="2.php" title="2">2</a></li>
                <li><a href="3.php" title="3">3</a></li>
                <li><a href="4.php" title="4">4</a></li>
            </ul>
        </li>
    </ul>

Modifié par winclick (05 Feb 2009 - 09:48)

Ce ne serait pas un problème d'interférence du style="display:none;" ?

Merci Laurie, tu me sauve, s'était bien çà !
C'est vrai que j'avais plus du tout l'oeil la dessus, et sur la version simplifiée que j'ai posté on ne vois plus que çà après coup ! Merci encore !!