Menu déroulant JQuery qui ne fonctionne pas

Bonjour,

Est-ce que vous pourriez svp me dire pourquoi mon script pour un menu déroulant ne fonctionne pas:

$ (document).ready(function() {
	
	$("#nav ul").hide();
	$("#nav>li>a").click(function() {
		var $ul = $(this).next("ul")
		if(!$ul.is("visible")) {
			$("#nav ul").slideUp();
			$ul.slideDown();
		}

		 });
 });

Merci
nougat02
Modifié par nougat02 (04 Jan 2012 - 22:50)

Salut, donnes nous le code complet (javascript + html) et dans des balises <code> si tu veux qu'on taide.

oui volontiers, voici le code html:

<ul id="nav">
      <li><a href="klavier.html">Produkte</a>
           <ul>
      		<li><a href="klavier.html">Klavier</a></li>
      		<li><a href="fluegel.html">Flügel</a></li>
      		<li><a href="digital.html">Digitalequipment</a></li>
      		<li><a href="hersteller.html">Hersteller Links</a></li>
    	   </ul>
      </li>
      <li><a href="occasionen.html">Occasionen</a></li>
      <li><a href="werkstatt.html">Werkstatt</a></li>
      <li><a href="services.html">Services</a>
            <ul>
      		<li><a href="services.html">Dienstleistungen</a></li>
      		<li><a href="finanzierung.html">Finanzierungen</a></li>
    	   </ul>
      </li>
      <li><a href="team.html">Über uns</a>
            <ul>
      		<li><a href="team.html">Team</a></li>
      		<li><a href="stellen.html">Stellen</a></li>
    	   </ul>
      </li>
      <li><a href="stellen.html">Offene Stellen</a></li>
      <li><a href="kontakt.html">Kontakt</a></li>
      <li><a href="index.html">Home</a></li>
    </ul>

le site provisoire se trouve sous http://neu.pianohaus-schoekle.ch/

Merci
Modifié par nougat02 (04 Jan 2012 - 22:51)

PS. ce qu' m'étonne c'est que ça fonctionne sur Dreamweaver, mais pas sur le Web.

Salut,

Le but est que cela fonctionne in fine, comme on dit à la télé, sur un navigateur et non un logiciel de codage.

Sinon tu peux lire ceci et faire les modifs adéquates s'il te plaît:

http://forum.alsacreations.com/help.php a écrit :

13
Mise en forme générale des messages
Merci de bien vouloir prendre le temps de présenter correctement vos messages, surtout si ces messages doivent inciter les autres membres à vous dépanner sur un problème. Des boutons de mise en forme sont prévus pour cela (gras, italique, etc.).
Merci de systématiquement baliser vos codes HTML ou CSS avec le bouton CODE approprié (éviter également, pour des questions de lisibilité, de présenter des codes HTML et PHP imbriqués).
Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème. La règle est simple : il faut toujours donner un maximum de détails pour être sûr d'avoir une chance que les autres comprennent et aident

Modifié par jmlapam (04 Jan 2012 - 20:07)

merci de m'avoir rendue attentive à la colorisation syntaxique

est-ce que quelqu'un voit le problème?

c'est intéressant, mais le script suivant - beaucoup plus simple, réalisé à la lettre selon le tuto elephorm - ne fonctionne pas non plus (chez moi):

$(document).ready(function(){
	
	$("#nav ul").hide();
	$("#nav>li>a").click(function(){
		$(this).next("ul").slideToggle();
		 });
		 
 });

<ul id="nav">
      <li><a href="klavier.html">Produkte</a>
           <ul>
      		<li><a href="klavier.html">Klavier</a></li>
      		<li><a href="fluegel.html">Flügel</a></li>
      		<li><a href="digital.html">Digitalequipment</a></li>
      		<li><a href="hersteller.html">Hersteller Links</a></li>
    	   </ul>
      </li>
      <li><a href="occasionen.html">Occasionen</a></li>
      <li><a href="werkstatt.html">Werkstatt</a></li>
      <li><a href="services.html">Services</a>
            <ul>
      		<li><a href="services.html">Dienstleistungen</a></li>
      		<li><a href="finanzierung.html">Finanzierungen</a></li>
    	   </ul>
      </li>
      <li><a href="team.html">Über uns</a>
            <ul>
      		<li><a href="team.html">Team</a></li>
      		<li><a href="stellen.html">Stellen</a></li>
    	   </ul>
      </li>
      <li><a href="stellen.html">Offene Stellen</a></li>
      <li><a href="kontakt.html">Kontakt</a></li>
      <li><a href="index.html">Home</a></li>
    </ul>

http://neu.pianohaus-schoekle.ch/

Merci d'avance
Modifié par nougat02 (05 Jan 2012 - 10:39)

Résolu


Pour moi le secours est venu du Seigneur qui a fait le ciel et la terre.

Il m'a permi de trouver l'erreur, je Le remercie.
A bientôt
Irène