リンクをクリックするとドロップする複数のドロップダウン ボックスがあります。ボックスが同時に開いている場合、ボックスが重なる可能性があります。
$('#box').is(':visible')
要素が表示されているかどうかを照会してから、ボックスが表示されているかどうかを照会して非表示にする$('#box').hide()
か、単に非表示にするように指示する方が高速ですか?
議論のために、ボックスが開いている時間の 50% と、ボックスが既に隠されている時間の 50% を考えてみましょう。
TL;DR
これは:
$("#box1-link").on("click", function(e){
e.preventDefault();
if($('#box2').is(':visible')) {
$('#box2').hide();
}
$('#box1').slideDown(200, function() {
});
});
またはこれ:
$("#box1-link").on("click", function(e){
e.preventDefault();
$('#box2').hide();
$('#box1').slideDown(200, function() {
});
});
長い目で見れば速い?- リンクがクリックされる時間の 50% で box2 が非表示になっていると仮定します。