jQueryを使用してdivを表示していない

Question

私はslideUpにしたいいくつかのdivs、次にslideDown 1 div。しかし、私はいくつかの問題があります。このコードで

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

、divDocumentはdivLocationではない、表示されています。 divLocationは既に隠されているので、divDocumentがまだ非表示ではないにもかかわらず、doStuff（）イベントがすぐに発生します。 divDocumentが完全にdoStuff（）を呼び出す前に隠されてまで、それは待つよう

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

このコードは、正常に動作します。ここで間違った複数の要素セレクタを使用していますか？間違って何かしていますか？

Answer 1

divLocationが既に表示されている場合は、最初に非表示にしてください。

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

EDIT：
申し訳ありませんが、私は混乱しました。 slideUpは要素を隠すためのものです。何らかの理由で私はそれがそれらを示すことを意図していると思った。それが唯一のいずれかの要素（複数可）にslideUpを行うだろう:visibleフィルタ付き

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

が表示されているので、彼らはその後、slideUpで非表示にすることができます。その場合は、あなたがこれを行うことができます。私はこれがあなたが探しているものだと推測しています。隠された要素を隠すことに意味がないからです。瞬間的に隠したものを表示してからslideUpを表示したい場合は、元の回答をhide()からshow()に変更し、slideUpを実行してください。

Answer 2

ここで私が使用したコードです。ありがとう、パオロ、私はフィルタと正しい方向に向いています。

var o = $("#divDocument,#divLocation").filter(':visible'); 
if (o.length > 0) { 
    o.slideUp("normal", 
    function() { 
     $("#divSearch").slideDown("normal", doStuff); 
    }); 
} 
else { 
    doStuff(); 
}