折叠菜单与jquery无法正常工作

Question

您好我曾经使用这段代码在我的网站上使用jquery 1.8.3折叠和展开菜单，但在将其更新为＆gt; 1.10.2后，它会再次自动隐藏菜单。我认为这是因为它遍历了所有代码。如何更改此设置以使用新更新？ （抱歉我缺少javascript）

$(document).ready(function() {

    $('#menu-button').toggle(function() {
        $('#menu').animate({
            marginTop: '+=10',
            height: '100%',
            opacity: 1
        }, 300, function() {
            // Animation complete.
        });
    }, function() {
        $('#menu').animate({
            marginTop: '-=10',
            opacity: 0,
            height: '0px'
        }, 300, function() {
            // Animation complete.
        });
    });

});

点击here查看现在的工作示例。

Answer 1

只需用toggleClass（）;

重写它

这是工作jsbin：http://jsbin.com/razeguma/4/edit