需要帮助jQuery animate

Question

查看此jsfiddle http://jsfiddle.net/Y7fEW/。

我正在尝试在左侧获取tan div，以便当您单击它时，它会滑出，当您再次单击它时，它会滑回。

目前，当您单击它时，它会滑出，但当您再次单击它时，它会再次滑出。我在线阅读了一个教程，但是我无法弄明白。

        $('#social').live('click', function() {
            var $lefty = $(this);
            $lefty.animate({
                marginLeft: parseInt($lefty.css('marginLeft'), 2) == 0 ? 
                $lefty.outerWidth() : 0
            });
        });

Answer 1

问题是parseInt函数调用：

使用parseInt("...")代替parseInt("...", 2)

$lefty.animate({
    marginLeft: parseInt($lefty.css('marginLeft')) == 0 ? 
                (40 - $lefty.outerWidth()) : 0
});

检查：http://jsfiddle.net/roberkules/Y7fEW/6/

Answer 2

您可以使用jQuery UI中的幻灯片效果，然后说

$lefty.toggle('slide');