html 控制：

       显示：<div id="test-hide" style="display:none">

       隐藏：<div id="test-show" style="display:block">

 

jquery控制：

      显示：$('#test-hide').show();

      隐藏：$('#test-show').hide();

      显示与隐藏切换：$("#test-hide").toggle();

 

来一个小demo

<div id="test-show" style="display:none">

<span>jQuery</span> 是一个兼容多浏览器的 JavasSript 框架,核心理念是 - write less, do more;

</div>

<button type="button" id="test-toggle">test</button>

$(function(){

　　$("div").append("<div>更多API请访问 <a target='_blank' href='http://jquery.cuishifeng.cn'>http://jquery.cuishifeng.cn</a></div>");

　　$('#test-toggle').click(function(){

　　　　$('#test-show').toggle();

　　});

});