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

Answer 1

Look at jQuery Toggle

HTML:

Hello World

jQuery:

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

For versions of jQuery 1.7 and newer use

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

For reference, kindly check this demo