ボタンでdivの表示/非表示を切り替える？

質問

これは簡単な質問であることを望みます。私は div 私はボタンで隠された/表示されたを切り替えたい

<div id="newpost">

どのように解決するのですか？

次のページをご覧ください。 jQueryトグル

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

jQuery 1.7 以降のバージョンでは

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

参考までに、以下をご覧ください。 デモ