JQuery 的toggle() 方法

【转】JQuery 的toggle() 方法

JQuery中的toggle()方法，相当于点一个元素时，重复循环两个函数，而这两个函数可以作为toggle()函数的两个参数传进去，当第一次点击的时候会执行前面的参数，而第二次点击时执行的是后面的参数，第三次点击时又会重新执行第一个参数...这样循环执行两个函数。

在开发时，利用toggle()函数可以实现控制一个元素的隐藏和显示。比如一个元素初始时为显示状态，当鼠标第一次点击时，把该元素隐藏，当鼠标再次点击时，控制这个元素显示，十分方便。

代码：

$("#btn").toggle(function(){
      //控制box隐藏
      $("#box").hide();
},function(){
      //控制box显示
      $("#box").show();
});