[RESOLU] TUTO menu déroulant CSS + JS

Bonjour,

je viens de suivre votre tuto et j'aimerai savoir si il est possible de laisser les sous menus ouvert lorsque l'on ouvre un autre sous menu et que se soit l'user qui ferme le sous menu s'il le souhaite.

merci par avance
Modifié par Latomate (30 Jul 2010 - 11:10)

Si c'est pour le dernier tutoriel : menu déroulant + jquery, il suffit de modifier le js en enlevant certain slideUp() :

<script type="text/javascript" src="jquery-1.2.1.js"></script> 
 
<script type="text/javascript"> 
<!-- 
$(document).ready( function () { 
    // On cache les sous-menus : 
    $(".navigation ul.subMenu").hide(); 
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu" 
 
    // et on remplace l'élément span qu'ils contiennent par un lien : 
    $(".navigation li.toggleSubMenu span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ; 
    } ) ; 
 
    // On modifie l'évènement "click" sur les liens dans les items de liste 
    // qui portent la classe "toggleSubMenu" : 
    $(".navigation li.toggleSubMenu > a").click( function () { 
        // Si le sous-menu était déjà ouvert, on le referme : 
        if ($(this).next("ul.subMenu:visible").length != 0) { 
            $(this).next("ul.subMenu").slideUp("normal"); 
        } 
        // Si le sous-menu est caché, on ferme les autres et on l'affiche : 
        else { 
            $(".navigation ul.subMenu").slideUp("normal"); 
            // on vire $(this).next("ul.subMenu").slideDown("normal");  c'était ici
        } 
        // On empêche le navigateur de suivre le lien : 
        return false; 
    });     
 
 
} ) ; 
// --> 
</script>  

merci bcp Borak!!

effectivement, cela était assez facile a trouver.