javascript - jQuery:如何在动画后隐藏div？

我想在动画后隐藏div。可能吗 ？
我可以在这里显示您的代码

$(document).ready(function() {
  $('button').click(function() {
    var $lefty = $(this).next();
    $lefty.animate({
      left: parseInt($lefty.css('left'),10) == 0 ?
        -$lefty.outerWidth() :
        0
    });
  });
});​

Demo

最佳答案

将回调传递给animate作为第二个参数。同样，您需要将.next()更改为其他内容以仅找到第一个孩子，并且可以进行其他一些优化。您的CSS也是错误的。 Here's the updated jsFiddle.

$(document).ready(function() {
    $('button').click(function() {
        var $lefty = $(this).next().children().eq(0);

        $lefty.animate({
            left: -$lefty.outerWidth()
        }, function() {
            $lefty.next().show();
            $lefty.remove();
        });
    });
});​

关于javascript - jQuery:如何在动画后隐藏div？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9977865/