Javascript 如果单击了父项，则jQuery显示子菜单

有人能帮我写代码吗

我只想在单击子菜单父菜单时显示子菜单。

HTML

因此，如果单击父菜单，将显示

这是小提琴链接-

或

这是我的建议。不清楚为什么需要

a

标记，因为可以在CSS中使用cursor:pointer使

li

显示为可单击的。我假设你想在IE中做一些漂亮的悬停，那只是CSS？如果没有，可以通过删除它们来简化

您应该使用CSS（使用DOM而不是onReady/load解析），而不是在.submenu上执行hide（）

下面是切换菜单的代码：

$('ul li a').click(function() {
    $(this).parent().find('ul.sub-menu').toggle();
    return false;
});

试试这个

$(function(){

   //Hide all the sub menus
   $('.sub-menu').hide();

   $("li:has(ul)").click(function(){
      //Find the child ul and slideToggle
      $(this).children("ul").slideToggle();
   });
});

查看此链接

---

不错，但是如何隐藏上次单击的子菜单。现在两者都显示，但如何隐藏上一个子菜单，因为现在两者都显示

$('.sub-menu').hide();

$("li:has(ul)").click(function(){

$("ul",this).toggle('slow');
});

.sub-menu { display: none; }

$('ul li a').click(function() {
    $(this).parent().find('ul.sub-menu').toggle();
    return false;
});

$('li a').click(
function() {
    $(this).next().slideToggle();
})

$(function(){

   //Hide all the sub menus
   $('.sub-menu').hide();

   $("li:has(ul)").click(function(){
      //Find the child ul and slideToggle
      $(this).children("ul").slideToggle();
   });
});

$('.sub-menu').hide();

$("a").click(function(){

    $(this).parent().children("ul").toggle();

})