Javascript JQuery：如何在动画之后隐藏div？

我想在动画之后隐藏潜水。可能吗

我可以在这里给你看代码

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

---

您可以传递一个在完成时调用的回调：

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

---

将回调作为第二个参数传递给

animate

。此外，您还需要将

.next（）

更改为其他内容，以仅查找第一个子项，并且还可以进行一些其他优化。你的CSS也是错误的

作为第四个参数，可以在完成时执行回调。或者，只需在选项对象上使用

complete

属性即可

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

---

可能通过调用

this

上的

Hide（）

来隐藏其中的div，您想隐藏哪个

<代码>#主？或者你想删除整个动画的

？@minitech我需要隐藏

div1

来显示div2它实际上不是第四个属性。jQuery函数按该顺序接受参数，但它们都是可选的。

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