Togglemenu: boucle sur une liste
Bonjour,
Mon intutilé est tout sauf clair, je sais pas comment résumé :)
J'utilise un script pour afficher des menus déroulants. A l'aide d'une "class" je peux spécifier à un sous-menu d'être déroulé au chargement de la page.
La structure du menu est la suivante :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <ul id="nav_espacepro">
<li class="toggleSubMenu"><span>Menu 1</span>
<ul class="subMenu open_at_load">
<li><a href="" title="sous-menu 1">sous-menu 1</a></li>
<li><a href="" title="sous-menu 2">sous-menu 2</a></li>
<li><a href="" title="sous-menu 3">sous-menu 3</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>menu 2</span>
<ul class="subMenu">
<li><a href="" title="sous-menu 2.1">sous-menu 2.1</a></li>
<li><a href="" title="sous-menu 2.2">sous-menu 2.2</a></li>
<li><a href="" title="sous-menu 2.3">sous-menu 2.3</a></li>
</ul>
</li>
</ul> |
Je voudrais savoir comment réaliser une boucle sur les LI, qui test si la liste qu'il contient est déroulée (c.a.d. si elle à la class open_at_load), et qui affecte un style à la balise SPAN du LI si c'est le cas.
Voila je sais pas si c'est clair ^_^
Merci