Javascript 单击展开菜单

我有一个基本的菜单，看起来像这样

<ul id="menu">
<li id="auctions">Auctions</li>
<li class="submenu">Submenu 1</li>
<li class="submenu">Submenu 2</li>
<li class="submenu">Submenu 3</li>
</ul>

$(function() {
    $('#auctions').click(function() {        
        $('#menu').animate({'height': '200'});
        $('#submenu').animate({opacity : 'toggle'});
    }, function () {
        $('#menu').stop().animate({'height': '100'});
        $('#submenu').animate({opacity : 'toggle'});
    });
});

---

老实说，我在jquery方面很差劲。我该如何处理这个问题？

这对你有用吗

$('#auctions').click(function(){
  $("#menu, .submenu").toggle();
});

---

这对你有用吗

$('#auctions').click(function(){
  $("#menu, .submenu").toggle();
});

使用时，还要确保

。子菜单

不可见：

JAVASCRIPT:

$(function() {
    $('#auctions').click(function(){
      $('.submenu').slideToggle();
    });
});

CSS:

演示：

使用，同时确保

子菜单不可见：

JAVASCRIPT:

$(function() {
    $('#auctions').click(function(){
      $('.submenu').slideToggle();
    });
});

CSS:

演示：
您的基本结构很好，但我不会使用
css（）
。使用
slideToggle（）
代替：

$(function() {
    $('#auctions').click(function() {        
        $('.submenu').slideToggle();
    });
});

您的基本结构很好，但我不会使用
css（）
。使用
slideToggle（）
代替：

$(function() {
    $('#auctions').click(function() {        
        $('.submenu').slideToggle();
    });
});

为什么不使用以下代码：

    $(function() {
$('.submenu').hide();
   $('#auctions').click(function() {        
       //$('#menu').animate({'height': '200'});
       $('.submenu').toggle("slow");

});

});

除此之外，您还可以使用
“#子菜单”
，在html的
类中，您应该使用
”。子菜单“
”为什么不使用此代码：

    $(function() {
$('.submenu').hide();
   $('#auctions').click(function() {        
       //$('#menu').animate({'height': '200'});
       $('.submenu').toggle("slow");

});

});

除此之外，您还可以使用
“#子菜单”
，并且在html的
类中应该使用
。“子菜单”
试试这个：首先，子菜单是一个类而不是一个id，所以您需要使用
。“子菜单”
在您使用
“子菜单”
的地方试试这个：首先，子菜单是一个类而不是id，因此，您需要使用
.submenu
将
子菜单更改为
。submenu
将
子菜单更改为
。submenu
将
子菜单更改为
。submenu
子菜单应为类而不是类id@Schoffelman的确当我复制它的子菜单时，没有注意到他的代码应该是一个类而不是一个id@Schoffelman事实上，当我复制他的代码时，他并没有把注意力放在代码上，就像一个魔咒，几分钟后就接受了答案。非常感谢。当然可以如果你还需要什么，请告诉我！工作起来很有魅力，几分钟内就能接受答案。非常感谢。当然可以如果你还需要什么，请告诉我！