单击时隐藏 div 并显示另一个 div

Question

隐藏另一个 div 后如何显示？

我有一个类名为 this-message 的 div，在我点击 Make me disappear 按钮后，我想在面板被隐藏后立即显示 this-message div，并在 4 秒后隐藏 this-message。

我研究了 jQuery api，但我认为这太具体了。

jsFiddle

这是我用来隐藏 div 的代码：

$(".btn-disapear").click(function() {
    $(this).closest(".panel").fadeOut(400);
});

Answer 1

我会像这样使用.fadeOut() 的回调：

$(".btn-disapear").click(function () {
    $(this).closest(".panel").fadeOut(400, function () {
        $('div.this-message').fadeIn('fast').delay(4000).fadeOut('fast')
    });
});

jsFiddle example

当您单击按钮隐藏您的块时，它会显示消息 div，然后在四秒钟后将其隐藏以便可以重复使用。

Answer 2

这个：

$(".btn-disapear").click(function() {
    $(this).closest(".panel").delay(4000).fadeOut(400);
    $("#SOMEOTHERDIV").delay(4000).fadeIn(400);
});

Answer 3

这是一个可能的解决方案：http://jsfiddle.net/fs1rnydc/5/

$(".btn-disapear").click(function() {
    $(this).closest(".panel").fadeOut(400, function() {
    $('.this-message').show().fadeOut(4000);
  });
});