jquery - 切换动画（几乎在那里？）答案

【问题标题】：jquery - toggle animate (almost there?)jquery - 切换动画（几乎在那里？）
【发布时间】：2013-06-04 13:30:15
【问题描述】：

我已经查看了如何在 jquery 中切换动画，但仍然没有运气......这就是我所拥有的，任何帮助都会很棒。

我有一个垂直侧边栏，当您单击按钮（a.mobile-menu-icon）时，div 向右滑动 250 像素。然后，当您单击同一个按钮时，我希望它再次滑回 (-250px;)。

$('click', 'a.mobile-menu-icon').toggle(function(){
    $('#sidebar').animate({
        left: '0px;'
        }, 500);
    }, 
    function(){
        $('#sidebar').animate({
            left: '-250px;'
            }, 500);
    });

【问题讨论】：

Toggle 在 jquery 1.8 中被弃用并在 1.9 中被删除：api.jquery.com/toggle-event

标签： jquery navigation jquery-animate toggle

【解决方案1】：

如果jquery

$('a.mobile-menu-icon').toggle(function(){
    $('#sidebar').animate({
        left: '0px;'
    }, 500);
}, function(){
    $('#sidebar').animate({
        left: '-250px;'
    }, 500);
});

在 1.9 中删除了切换的这种特殊用法

【讨论】：

谢谢，这就是问题所在！