js之toggle方法

JavaScript016

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>

原理就是将非当前的回复框隐藏,然后再显示当前的回复框

$('a.J_feed_toggle').not(this).each(function(){

var id = $(this).data('id')

$('#J_feed_list_'+ id).hide()

})

大致这个思路吧,代码可供参考

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

if(display=='none'){

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

}else{

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

}