點擊，檢查div是否打開，如果爲false - 使用.show打開，如果爲true

Question

我正在使用jquery .show打開div。我已經可以正常工作了，但我在處理如何檢查div是否已經打開時遇到了一些麻煩。如果是這樣，我不希望它重複.show函數。什麼是最好的方法來做到這一點？

我使用的時刻是什麼（jQuery的+ jQuery UI的）

$(document).ready(function() { 
$('.content').hide(); 

$(".open").click(function() { 
    $(".content").show("slide", { direction: "up" },1200); 
}); 

$(".close").click(function() { 
    $(".content").hide("slide", { direction: "up" },1200); 
}); 

}); 

Answer 1

您可以使用:visible selector和:hidden selector

$(document).ready(function() { 
    $('.content').hide(); 
    $(".open").click(function() { 
     $(".content:hidden").show("slide", { direction: "up" }, 1200); 
    }); 
    $(".close").click(function() { 
     $(".content:visible").hide("slide", { direction: "up" }, 1200); 
    }); 
}); 

另請參閱my example。

Answer 2

if ($(".content").is(":visible") { 
    // it is showing already 
} ... 

您也可以看看http://api.jquery.com/slideToggle/

¡¡¡FUN EXAMPLES HERE!!!