jquery - 使用 jQuery 隐藏然后显示 div

Question

我想要slideUp一些div，然后slideDown 1 div。但是，我遇到了一些问题。

$("#divDocument,#divLocation").slideUp("normal", function()
    { $("#divSearch").slideDown("normal", doStuff()); });

使用此代码，divDocument 可见，divLocation 不可见。由于 divLocation 已隐藏，因此 doStuff() 事件会立即触发，即使 divDocument 尚未隐藏。

$("#divDocument).slideUp("normal", function()
    { $("#divSearch").slideDown("normal", doStuff()); });

此代码工作正常，因为它会等到 divDocument 完全隐藏后再调用 doStuff()。我在这里使用的多元素选择器是否错误？我是否做错了什么？

Answer 1

如果 divLocation 已经可见，为什么不先隐藏它呢？

$("#divDocument,#divLocation").hide().slideUp("normal", function() { 
    $("#divSearch").slideDown("normal", doStuff()); 
});

编辑:
抱歉，我很困惑。 SlideUp 的目的是隐藏元素。出于某种原因，我认为这是为了向他们展示。在这种情况下，您可以这样做:

$("#divDocument,#divLocation").filter(':visible').slideUp("normal", function() { 
    $("#divSearch").slideDown("normal", doStuff()); 
});

使用 :visible 过滤器，它只会对可见的元素执行 slideUp 操作，以便可以使用 slideUp 隐藏它们>。我猜这就是您正在寻找的，因为隐藏已经隐藏的元素是没有意义的。如果你想暂时显示隐藏的，然后slideUp它，你可以将我原来的答案从hide()切换到show()然后执行slideUp。