js之toggle方法

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>

没看明白是想做什么呢？是要用toggle实现animate那段吗？

toggle 只能切换隐藏和显示状态，不能做高度的修改的，可以用 toggleClass 实现，但没有 animate 动画效果好。

.toggleClass( className )

在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。

.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )

绑定两个或多个处理程序绑定到匹配的元素，用来执行在交替的点击。

.animate( properties [, duration ] [, easing ] [, complete ] )

根据一组 CSS 属性，执行自定义动画。

var display = document.getElementById(‘id’).style.display

if(display=='none'){

document.getElementById(‘id’).style.display = ''

}else{

document.getElementById(‘id’).style.display = 'none'

}

---