cacher une liste déroulante(javascript)

Question

Bonjour,
je voudrais afficher ou cacher une liste déroulante appartire d'un bouton 
j'ai deja chercher et j'ai trouver des soulutions tro long et k'ai pas bien compris alors un petit exemple est le bien venu.
merci

thiphareth · Answer

Bonjour, moi je peux te proposer ca :

$(document).ready( function () {
// On cache les sous-menus :
$(".navigation ul.SousMenu").hide();
// On sélectionne tous les items de liste portant la classe "ChangerSousMenu"

// et on remplace l'élément span qu'ils contiennent par un lien :
$(".navigation li.ChangerSousMenu 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 "ChangerSousMenu" :
$(".navigation li.ChangerSousMenu > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.SousMenu:visible").length != 0) {
$(this).next("ul.SousMenu").slideUp("normal");
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".navigation ul.SousMenu").slideUp("normal");
$(this).next("ul.SousMenu").slideDown("normal");
}
// On empêche le navigateur de suivre le lien :
return false;
});

} ) ;

Je pense que mes petit commentaires te seront utile a la comprehension de ce script.
Voila ^^ en esperant que ca peux t'aider :)

Cacher une liste déroulante(javascript)

1 réponse

Votre réponse

Discussions similaires

Newsletters