toggle show/hide div with button?

Question

Hopefully this is an easy question. I have a div that I want to toggle hidden/shown with a button

<div id="newpost"> 

Answer 1

Pure JavaScript:

var button = document.getElementById('button'); // Assumes element with id='button'  button.onclick = function() {     var div = document.getElementById('newpost');     if (div.style.display !== 'none') {         div.style.display = 'none';     }     else {         div.style.display = 'block';     } }; 

SEE DEMO

jQuery:

$("#button").click(function() {      // assumes element with id='button'     $("#newpost").toggle(); }); 

SEE DEMO