Jquery Menu - Sous-menu bascule

Question

Je suis en train de passer d'un sous-menu à partir d'un lien de menu, ceci est mon balisage:

<ul id="menu"> 
<li id="artworks"><a href="#">ARTWORK</a></li> 
    <ul class="submenu"> 
     <img src="../img/submenu.png" alt="submenu" width="62" height="1" /> 
     <li><a href="#">Sweet Life</a></li> 
     <li><a href="#">Pleasure</a></li> 
     <li><a href="#">Bienal de la habana</a></li> 
     <img src="../img/submenu.png" alt="submenu" width="62" height="1" /> 
    </ul> 
<li id="prensa_nav"><a href="prensa.html">PRENSA</a></li> 
<li id="contacto_nav"><a href="contacto.html">CONTACTO</a></li> 

ce qui est mon script:

$(function() { 

var $submenu = $('.submenu'); 

$('#artworks a').click(function(e) { 
    $submenu.toggle('fast'); 
    e.preventDefault(); 
    e.stoppropagation(); 
}); 
});​ 

Je ne sais pas pourquoi, mais ça ne marche pas, ça devrait être assez simple mais ça ne marche pas, j'ai tout essayé, merci de nous aider

Answer 1

Corrigez votre code HTML invalide. Déplacez le submenu UL pour être un enfant de l'élément de liste #artworks.

Answer 2

La variable $submenu est hors de portée lorsque vous déclenchez l'événement click. Vous avez mal tapé stopPropagation. Votre balisage manque une fermeture <ul>.

Here's a working example