Menu accordéon

Bonjour,

J'ai un problème. J'ai suivi le tuto pour le menu accordéon avec jquery :"http://www.alsacreations.com/tuto/lire/602-Creer-un-menu-accordeon-avec-jQuery.html" , mais il fonctionne pas chez moi.
J'ai d'abord essayé de l'adapter sur mon site, mais sans succès.
J'ai ensuite copié/collé le code à la lettre, html et javascript mais ca ne fonctionne toujours pas.

La partie qui cache le sous-menu fonctionne, mais le slidedown ne veut pas s'effectuer.
J'ai essayé de remplacer le "slidedown" par "show", mais toujours sans succès.

Voilà le code Html du menu

<ul class="navigationul"> 
				<li><a href="index.html">Accuel</a></li> 
				<li><a href="assoc.html">Lune-Plaine</a></li> 
				<li><a href="programme.html">Programme</a></li> 
				<li class="sousmenulist"><span>Autour de la fiesta</span></a></li>
					<ul class="sousmenu">
						<li><a href="historique.html">Historique</a></li>
						<li><a href="benevole.html">Bénévole</a></li>
						<li><a href="photo.html">Photos</a></li>
					</ul>
				<li><a href="artiste.html">Artistes</a></li>
				<li><a href="contact.html">Contact</a></li>				
				<li><a href="liens.html">Liens</a></li>
			</ul> 

Et voilà celui du Javascript que j'ai essayé de simplifier pour qu'il n'y ai pas de "if", car je n'ai qu'un seul sous-menu pour l'instant.

$(document).ready( function () { 
 
    // On cache les sous-menus : 
    $(".navigationul ul.sousmenu").hide();
    
     $(".navigationul li.sousmenulist span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '</a>') ; 
    } ) ;
        $(".navigationul li.sousmenulist > a").click( function () { 
       
        $(this).next("ul.sousmenu").slideDown(normal);
       
        return false; 
    } ) ;  
} ) ; 

J'ai vraiment besoin d'aide et je vous remercie d'avance pour votre intérêt à ma requête.
Modifié par Nyxirae (24 Mar 2011 - 15:54)