Cacher une liste déroulante(javascript)
Fermé
mounir234
Messages postés
174
Date d'inscription
mercredi 28 février 2007
Statut
Membre
Dernière intervention
1 mars 2016
-
14 nov. 2008 à 01:01
thiphareth Messages postés 49 Date d'inscription mercredi 12 novembre 2008 Statut Membre Dernière intervention 12 décembre 2008 - 14 nov. 2008 à 04:13
thiphareth Messages postés 49 Date d'inscription mercredi 12 novembre 2008 Statut Membre Dernière intervention 12 décembre 2008 - 14 nov. 2008 à 04:13
A voir également:
- Cacher une liste déroulante(javascript)
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Cacher une conversation whatsapp - Guide
- Comment cacher sa liste d'amis sur facebook - Guide
- Telecharger javascript - Télécharger - Langages
1 réponse
thiphareth
Messages postés
49
Date d'inscription
mercredi 12 novembre 2008
Statut
Membre
Dernière intervention
12 décembre 2008
1
14 nov. 2008 à 04:13
14 nov. 2008 à 04:13
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 :)
