Meine Schaltfläche zeigt div, aber wie div nach dem zweiten Klick ausblenden?

Question

Okay. Also habe ich Button gemacht, der vier weitere Items (divs) zeigt. Kann mir jemand helfen, diesen Knopf zu drücken? Ich möchte diese vier Elemente ausblenden, indem ich zum zweiten Mal auf dieselbe Schaltfläche klicke. Hier ist Code:

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

Und HTML:

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

Answer 1

Sie können jQuery toggle() Methode für diese Aufgabe verwenden.

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

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