【转】JQuery 的toggle() 方法
JQuery中的toggle()方法,相当于点一个元素时,重复循环两个函数,而这两个函数可以作为toggle()函数的两个参数传进去,当第一次点击的时候会执行前面的参数,而第二次点击时执行的是后面的参数,第三次点击时又会重新执行第一个参数...这样循环执行两个函数。
在开发时,利用toggle()函数可以实现控制一个元素的隐藏和显示。比如一个元素初始时为显示状态,当鼠标第一次点击时,把该元素隐藏,当鼠标再次点击时,控制这个元素显示,十分方便。
代码:
$("#btn").toggle(function(){ //控制box隐藏 $("#box").hide(); },function(){ //控制box显示 $("#box").show(); });