我的按钮显示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/