Question

我是jQuery的新手。我想用click事件制作一个简单的下拉菜单。这是html结构：

<ul id="menubar">
        <li class="menu">
            <a href="#">Menu 1</a>
            <ul class="submenubar">
                <li class="submenu"><a href="#">Submenu 1</a></li>
            </ul>
        </li>
        <li class="menu">
            <a href="#">Menu 2</a>
            <ul class="submenubar">
                <li class="submenu"><a href="#">Submenu 2</a></li>
            </ul>
        </li>
</ul>

我制作了如下脚本：

$(document).ready(function(){
            $('li.submenu').hide()
            $('li.menu').click(function(e){
                $(this).find('li.submenu', this).slideToggle('fast'); 
                e.stopPropagation();
            })
        })

但是下拉是重叠的。那不是我想要的。我想要的只是： - 如果单击“菜单1”，将显示“子菜单1”。其他菜单和子菜单将被隐藏。 - 然后，如果单击菜单2，子菜单2将显示为子菜单1将被隐藏。 - 等等......

我该怎么办？任何人都可以帮我解决这个问题吗？谢谢你的回复..

Answer 1

嘿，看看这个点击menu1它会显示submenu1再次隐藏其他你点击menu1然后它将menu2 wil b show试试这个

http://jsfiddle.net/96xnB/

没有双下拉列表的jQuery单击事件

1 个答案: