Jquery菜单 - 子菜单切换

时间:2012-10-11 19:11:36

标签: javascript jquery html animation

我正在尝试从菜单链接切换子菜单,这是我的标记:

<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>

这是我的剧本:

$(function () {

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

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

我不知道为什么,但它不起作用,它应该很简单,但它不起作用,我已经尝试了一切,请帮助

2 个答案:

答案 0 :(得分:3)

当您触发click事件时,$submenu变量超出了范围。 您错误输入了stopPropagation。 您的标记缺少结束<ul>

Here's a working example

答案 1 :(得分:1)

修复无效的HTML。将submenu UL移动为#artworks列表项的子项。