Bonjour à tous
Je suis en train de réaliser mon premier site : http://clemencepetit.iblogger.org/
Pour le menu de gauche, j'ai repris le tuto d'Alsacreations pour faire un menu accordéon avec jquery. Ça marche très bien.
Or j'ai un problème avec cette page : http://clemencepetit.iblogger.org/photos.html
Comme vous pouvez le voir, le menu se déroule.
Je pense que le problème vient du fait que sur cette page, j'ai une autre fonction jquery (affichage des images avec colorbox)
Que dois-je modifier pour que mon menu fonctionne normalement, comme sur toutes les autres pages ?
merci pour votre aide !
Ci dessous mon code js:
Modifié par kakibus (05 Jul 2010 - 16:52)
Je suis en train de réaliser mon premier site : http://clemencepetit.iblogger.org/
Pour le menu de gauche, j'ai repris le tuto d'Alsacreations pour faire un menu accordéon avec jquery. Ça marche très bien.
Or j'ai un problème avec cette page : http://clemencepetit.iblogger.org/photos.html
Comme vous pouvez le voir, le menu se déroule.
Je pense que le problème vient du fait que sur cette page, j'ai une autre fonction jquery (affichage des images avec colorbox)
Que dois-je modifier pour que mon menu fonctionne normalement, comme sur toutes les autres pages ?
merci pour votre aide !
Ci dessous mon code js:
<script type="text/javascript" src="js/jquery.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");
$(this).next("ul.subMenu").slideDown("normal");
}
// On empêche le navigateur de suivre le lien :
return false;
});
} ) ;
// -->
</script>
<link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="colorbox/jquery.colorbox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a[rel='gallery']").colorbox();
});
</script>Modifié par kakibus (05 Jul 2010 - 16:52)
