js之toggle方法

JavaScript020

js之toggle方法,第1张

toggle方法已经被jquery1.8之后所抛弃，所以我们在用toggle实现元素的隐藏和显示时不能直接用toggle()【要么使用1.8之前的jquery，要么替代】 替代： html页面 <pre> <p>显示与隐藏</p> <button>请点击这里</button> <script> var i =0 $("button").click(function(){ if(i==0){ $('p').hide() i=1 } else{ $('p').show() i=0 } }) </script> </pre> 还有一种方法是判断其css中的display是否为none（在开始定义p的显示） <pre> html页面： <p style="display: block">显示与隐藏</p> <button>请点击这里</button> $("button").click(function(){ if($("p").css("display")=="none"){ $('p').show() } else{ $('p').hide() } }) </pre>

源码没有问题，保险起见亲测了一下

这段代码用的是jQuery框架，我怀疑你是不是没有引用jQuery的外部文件哦。

要不就是别的js代码个jQuery冲突了。