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

Question

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

我有一个类名为this-message的div，点击Make me disappear按钮后，我希望在面板隐藏后显示this-message div并隐藏{{1} 4秒后它。

我研究了jQuery api，但我相信这是太具体了，无法存在。

jsFiddle

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

this-message

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);
  });
});