Bonjour,
J'ai testé le tutoriel Menu Accordéon JQuery que je trouve très intéressant . Voir ici: http://css.alsacreations.com/Tutoriels-JavaScript/Creer-un-menu-accordeon-avec-jQuery.
Par contre, je débute dans ce langage, et je souhaiterais rajouter l'option "title" à mes liens.
Je ne sais pas où le placer dans le code...
Pouvez-vous m'aider?
Voici le code en question:
Merci
Modifié par megiland (06 Jul 2010 - 13:32)
J'ai testé le tutoriel Menu Accordéon JQuery que je trouve très intéressant . Voir ici: http://css.alsacreations.com/Tutoriels-JavaScript/Creer-un-menu-accordeon-avec-jQuery.
Par contre, je débute dans ce langage, et je souhaiterais rajouter l'option "title" à mes liens.
Je ne sais pas où le placer dans le code...
Pouvez-vous m'aider?
Voici le code en question:
$(document).ready( function () {
// On cache les sous-menus
// sauf celui qui porte la classe "open_at_load" :
$("ul.subMenu:not('.open_at_load')").hide();
$("ul.subMenu2:not('.open_at_load')").hide();
//$('ul.open_at_load').parent('li').addClass("open");
// On selectionne tous les items de liste portant la classe "toggleSubMenu"
// On modifie l'evenement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$("li.toggleSubMenu > a").click( function () {
// Si le sous-menu etait deja ouvert, on le referme :
if ($(this).next("ul.subMenu:visible").length != 0) {
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
// On ouvre les sous-sous menu au clique
else {
$("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
}
// On empêche le navigateur de suivre le lien :
return false;
});
// pareil avec "toggleSubMenu2" :
$("li.toggleSubMenu2 > a").click( function () {
if ($(this).next("ul.subMenu2:visible").length != 0) {
$(this).next("ul.subMenu2").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
else {
$("ul.subMenu2").slideUp("normal", function () { $(this).parent().removeClass("open") } );
$(this).next("ul.subMenu2").slideDown("normal", function () { $(this).parent().addClass("open") } );
}
return false;
});
} ) ;
Merci
Modifié par megiland (06 Jul 2010 - 13:32)