javascript - 在 jquery 中切换 css 属性？

Question

我有一个菜单，它会在单击 nav-toggle 类时滑出。

现在我还希望 nav-toggle 类(菜单图标)从右侧移动 226px，因此它与 #navigation 同时移动菜单。然后，如果再次单击，它将折叠菜单(就像它当前所做的那样)并返回到 right:0 位置。

请看我在倒数第三行的注释

jQuery('.nav-toggle').click(function () {
        var $marginLefty = jQuery('#navigation');
        $marginLefty.animate({
            right: parseInt($marginLefty.css('right'), 10) == 0 ? -$marginLefty.outerWidth() : 0
        });
        jQuery('.nav-toggle').animate({
            right: "226px" 
        // How do I make it so if it is at 226px when clicked
        // it should then go to "right: 0", that toggle effect as above
        });
    });

Answer 1

可能就像你做的#navigation 一样:

 jQuery('.nav-toggle').animate({
    right: parseInt(jQuery('.nav_toggle').css('right'), 10) == 0 ? "226px" : 0;
 });