有关jquery toggle状态的判断方法,在使用toggle方法,如何判断当前状态是show或hide,jquery使用toggle()时怎么判断状态,来看本文给出的例子。
一、jquery怎么判断toggle状态?
在使用jquery toggle方法时,如何判断现在的状态是show还是hide?
正确方法:
使用is方法判断是否是hidden状态。
例如:
 
if($("#jbxue").is(":hidden")){
    //当前是hide状态
}else{
  //当前是show状态
}
二、jquery使用toggle()时怎么判断状态?
问:toggle方法如何知道当前是show还是hide,又没有返回值 true or false  怎么得到。
判断当前是show还是hide,然后决定执行哪些代码。
答:如果是有这么一个元素: 
 
<div id="mDiv" style="display:none">DIV1</div> 
判断它是否显示的话可以用is()方法,代码:
 
if($("#mDiv").is(":hidden")){  
  $(this).show();       
}else{  
  $(this).hide();  
}
三、jquery判断toggle当前状态的例子
jquery toggle方法使用时,用is方法判断当前状态:
 
if($("#phpernote").is(":hidden")){
 //当前是hide状态
}else{
 //当前是show状态
}
也可以使用slideToggle代替:
 
$(this).slideToggle("slow",function(){
if ($(this).is(':hidden')) {
alert("hidden");
}
});
使用回调函数来进行判断当前元素是否隐藏。
重设toggle状态
 
$('#toggled').toggle(fn1, fn2);
$('#clear').click(function() {
        $('#toggled').unbind('click').toggle(fn1, fn2);
});
例子,鼠标单击某个按钮或某一元素时,使另一个元素隐藏和显示。
jquery中的 toggle()可以帮助实现。
之前会用到两个按钮bnt1和btn2:
 
$(".btn1").click(function(){ $("p").hide();});$(".btn2").click(function(){ $("p").show();});
使用toggle()后:
直接点击,即可实现元素的显示与隐藏效果;
 
$(".btn1").click(function(){ $("p").toggle();});