2016-06-28 248 views
0

好的。所以我做了顯示四個項目(div)的按鈕。有人可以幫助我如何切換此按鈕?我想通過點擊第二次在同一個按鈕上隱藏這四個項目。 這裏是代碼:我的按鈕顯示div,但如何在第二次點擊後隱藏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> 
+0

你接受的jQuery或僅純JavaScript? – Simon

+0

我可以接受一切! :d – Dropsen

回答

1

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

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

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

相關問題