javascript - jquery 折叠菜单不起作用

Question

您好，我曾经在 jquery 1.8.3 中使用这段代码来折叠和展开我的网站中的菜单，但在将其更新到 >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