网站推广.NET

网站推广.NET

jquery中的toggle与slideToggle的区别

来源:互联网

 jquery中的

toggle和slideToggle 方法,都可以实现对一个元素的显示和隐藏。强大啊~

区别是:

toggle:动态效果为从右至左。横向动作。

slideToggle:动态效果从下至上。竖向动作。

so,比如想实现一个树由下至上收缩的动态效果,就使用slideToggle就ok了。

此外,toggle和slideToggle 还有一些参数可以设置,具体看jQuery的API就可以了~

 

toggle的用法:



width:100px; height:100px; background-color:red;" >


 

slideToggle的用法:

 


   
   
   


   


       


            value="上拉">                value="下拉" />


       


           


   
slidetoggle