我的按鈕顯示div，但如何在第二次點擊後隱藏div？

Question

好的。所以我做了顯示四個項目（div）的按鈕。有人可以幫助我如何切換此按鈕？我想通過點擊第二次在同一個按鈕上隱藏這四個項目。 這裏是代碼：

<script type="text/javascript"> 
function showDiv() { 
    document.getElementById('four-more-portfolio-items').style.display = "block";} 
</script> 

和HTML：

<div id="four-more-portfolio-items" style="display: none;"> 
...... 
...... 
...... 
</div> 

Answer 1

您可以使用jQuery toggle()方法完成這個任務。

$("#button_id").click(function() { 
    $("#four-more-portfolio-items").toggle(); 
}); 

見http://api.jquery.com/toggle/