hide() 和 show() 方法来隐藏和显示 HTML 元素,toggle()取反

语法：
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
speed隐藏/显示速度,可以取以下值："slow"、"fast" 或毫秒。
callback指完成后可执行函数()
toggle() 方法来切换 hide() 和 show() 方法。

<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
//方法一
$(document).ready(function(){
  $(".hide").click(function(){
    // $(this).parents(".ex").hide("slow");
    // $(this).parents(".ex").hide('fast');
    $(this).parents(".ex").hide(5000);
  });
});
//方法二
$(document).ready(function(){
  $(".but").click(function(){
  $("h4").toggle(1000);
  });
});
</script>

<div class="ex">
<button class="hide" type="button">隐藏</button>
<p>联系人：黄总</p>
</div>

 <!-- toggle() 方法来切换 hide() 和 show() 方法。    取反 -->
<div class="qi">
  <button type="button" class="but">切换</button>
  <h4>hide() 和 show() 方法  相互切换</h4>
</div>