jquery之show ,hide ...

show 和 hide 这两个函数是jquery ui的两个重要的效果函数

他们的使用方法可以从某方面代表一些jquery函数的使用方法

首先需要引入jquery的基本库

<script src="js/jquery-1.4.2.js" type="text/javascript"></script>

之后要引入几个需要用到的库

 <script type="text/javascript" src="ui/jquery.effects.bounce.js"></script>

这里以bounce方式为例

假设我们需要操控的图层ID为d1 操控按钮ID 为 b1

废话不说 先贴代码

<script type="text/javascript">
 $(document).ready(function(){
  $("#d1").hide();<!-- 先将层隐藏 -->
  

   $("#b1").click(function(){ <!--点击按钮触发-->
 　　　　 if($("#d1").is(":hidden"))<!--判断是否隐藏-->
  　　　　    $("#d1").show('bounce',0);<!--显示-->
　　　　  else
                  $("#d1").hide('bounce',0);<!--收起-->

 
   });
 
 });
</script>

这里有几点需要注意

一：show(方式，选项（可不写），延迟（0为不执行），延迟过后执行函数)

二：hide方法和show的原理相同

三：is(":hidden")可以判断是否隐藏

未完待续。。。