Jquery中toggle的用法

最新推荐文章于 2023-06-01 17:16:40 发布

若水歆

最新推荐文章于 2023-06-01 17:16:40 发布

阅读量1.8k

点赞数 1

分类专栏： jquery 文章标签： jquery

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

toggle有两种作用：
toggle()
切换元素的可见状态。
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

toggle(fn,fn)
每次点击时切换要调用的函数。
如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
可以使用unbind("click")来删除。

我两个都用
代码一是用的第一种
代码二是用的第二种
我的代码又精简了下：
// 收缩展开效果
$(document).ready(function(){
   //单击MenuToggle元素事件
   $("XXX").click(function(){
      //找到需要隐藏的图层，交替显示和隐藏------1
      $("YYYY").toggle();
      //替换MenuToggle下的IMG图片------------2
      $("ZZZZ").toggle(
         function () {
         $(this).attr("src","showbtn.gif");
         },
         function () {
         $(this).attr("src","hiddenbtn.gif");
         });
   });
});