Question

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(); }

Answer 1

直接看代码：

// 请确保不要使用太低版本的 jQuery
var select = $('#id');
if ( select.toggle().is(':hidden') ) {
    alert('我隐藏了');
} else {
    alert('我显示了');
}

Answer 2

这样：

比如你要控制的标签是：<div id="this"></div>

在显示时给该标签加上一个属性 data-display="1" , 隐藏时就删除该属性

再在JS 的 toggle 这，

if($("#this").attr("data-display")){ 显示的 }else{ 隐藏的 }