Cacher une liste déroulante(javascript)
mounir234
Messages postés
174
Date d'inscription
Statut
Membre
Dernière intervention
-
thiphareth Messages postés 49 Date d'inscription Statut Membre Dernière intervention -
thiphareth Messages postés 49 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Cacher une liste déroulante(javascript)
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Comment cacher sa liste d'amis sur facebook - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
- Cacher une conversation whatsapp - Guide
1 réponse
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 :)
$(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 :)