¿alternar mostrar/ocultar div con el botón?

Esperemos que esta sea una pregunta fácil. Tengo un mensaje divque quiero ocultar/mostrar con un botón.

<div id="newpost">

Dec 25 '10 02:12 user547794

JavaScript puro:

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';
    }
};

VER DEMOSTRACIÓN

jQuery :

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

VER DEMOSTRACIÓN

Dec 24 '2010 19:12 Andrew Whitaker

Mira jQuery Alternar

HTML:

<div id='content'>Hello World</div>
<input type='button' id='hideshow' value='hide/show'>

jQuery:

jQuery(document).ready(function(){
    jQuery('#hideshow').live('click', function(event) {        
         jQuery('#content').toggle('show');
    });
});

Para versiones de jQuery 1.7 y posteriores

jQuery(document).ready(function(){
    jQuery('#hideshow').on('click', function(event) {        
        jQuery('#content').toggle('show');
    });
});

Como referencia, consulte esta demostración.

Dec 24 '2010 19:12 Naveed