先看看toggle的文档

转载 2012年03月27日 14:07:14
先看看toggle的文档:
.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject)] )
handler(eventObject)A function to execute every even time the element is clicked.
handler(eventObject)A function to execute every odd time the element is clicked.

给某个对象调用toggle()之后,此后的该对象上的每第奇数次点击都会调用handle1,每第偶数次点击调用handle2。

这样的话就解释得通了。 从上面的代码来看,<p> 上的每次点击都会给<p>加上一次toggle,在加上toggle之后,<p>上的每奇数次点击会执行 $("#ss").toggle(); 每偶数次点击会执行:$("#sss").toggle(); 

所以,第一次<p>的点击只是给<p>加上toggle,而不会执行 $("#ss").toggle(); 和 $("#sss").toggle(); 所以显示不会有任何变化;
第二次<p>的点击会执行$("#ss").toggle(); 所以会显示 “Hello1 Again” ;于此同时,又给 <p>加上了一层 toggle。
第三次<p>的点击会执行  $("#sss").toggle(); 这是执行第一点击加上的toggle的handler2,同时还会执行 $("#ss").toggle(); 这是第二次点击加上的toggle();
.....
后面的情况就越来越复杂了。

按照你的需求,其实是hello每点击一次,下面两个元素交替显示,建议改成这样:
    $(document).ready(function(){
               $("p").toggle(
                  function(){
                      $("#ss").show();
                      $("#sss").hide();
                  },
                  function(){
                     $("#ss").hide();
                    $("#sss").show();
                }
            );
    })

显示与隐藏切换toggle方法

show与hide是一对互斥的方法。需要对元素进行显示隐藏的互斥切换,通常情况是需要先判断元素的display状态,然后调用其对应的处理方法。比如显示的元素,那么就要调用hide,反之亦然。 对于这样...
  • java_zhaoyanli
  • java_zhaoyanli
  • 2016年08月01日 23:17
  • 2627

wincap安装内幕

安装内幕, 呵呵, 似乎很高深的样子. 其实很简单。这两天公司的同事提了一个需求,要搞清楚winpcap软件安装真正做了什么,因为我们不想要winpcap的安装界面。在用google在网上搜了一番之后...
  • vargas
  • vargas
  • 2007年01月08日 22:17
  • 4786

先看看

第一次写博客
  • qxf1547
  • qxf1547
  • 2008年07月19日 19:43
  • 173

winpcap软件安装内幕--逆水行舟

导读: 安装内幕, 呵呵, 似乎很高深的样子. 其实很简单。这两天公司的同事提了一个需求,要搞清楚winpcap软件安装真正做了什么,因为我们不想要winpcap的安装界面。在用google在网上搜...
  • chief1985
  • chief1985
  • 2008年10月11日 15:12
  • 1471

产品经理应该先写需求文档还是先画原型?

先做模型,再画原型,最后PRD 模型:对产品形态结构的梳理,包括功能模块,逻辑关系,信息架构,业务流程等,可以用脑 图,use case图,业务流程图来表示,根据不同产品,产出物的侧重点不同。但...
  • qq_14891839
  • qq_14891839
  • 2016年06月08日 09:15
  • 615

jQuery中toggle()函数的用法

jQuery 的toggle()函数使用show()或hide()函数来切换HTML元素的可见状态。 语法: $(selector).toggle(speed,callback,switch); ...
  • Isky110
  • Isky110
  • 2011年12月06日 20:08
  • 2236

Unity UGUI基础之Toggle

Toggle组合按钮(单选框),可以将多个Toggle按钮加入一个组,则他们之间只能有一个处于选中状态(Toggle组合不允许关闭的话)。 一、Toggle组件: Toggle大部分属性等同...
  • qq992817263
  • qq992817263
  • 2016年06月24日 17:07
  • 16152

JQuery的toggle()方法把元素隐藏了的解决方案

JQuery的toggle()方法把元素隐藏了的解决方案 JQuery的toggle()本来是用来切换几种状态之间的变化的,但是我们在使用的时候,遇到了一种情况就是被绑定toggle()的元素被隐藏了...
  • qq_37943295
  • qq_37943295
  • 2017年07月20日 15:53
  • 597

JQuery中toggle被淘汰后的替代方法

在最新的JQuery的程序库中jquery-2.2.3.js中已经有好几个函数被替换到了。应该说版本过1.8或1.9时就淘汰了。 如: .live() 1.9以上被淘汰。 替代函数:.on()。 ....
  • chaplinlong
  • chaplinlong
  • 2016年04月20日 10:30
  • 11994

先开个博客看看

先试一下。
  • WENQIDONG
  • WENQIDONG
  • 2017年12月22日 09:49
  • 11
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:先看看toggle的文档
举报原因:
原因补充:

(最多只允许输入30个字)