javascript - 获取js元素状态，使得可以用if判断，选择操作

Question

$("#button").click(function(){
                    ？？？？？？？？
                    if(flag)
                    {
                        for( var i=1;i>=0;i-=0.2)
                            $(".content").fadeTo("slow",i)                      
                    }   
                    else {
                        for( var i=0;i<=1;i+=0.2)
                        $(".content").fadeTo("slow",i)
                    }
                });

代码目的是想用flag储存当前.content元素是否是显现状态，如果是的就渐隐，否则

Answer 1

是否可见可以直接用
if($('#d').is(':hidden')){
alert("yes");
}else{
alert("no");
}
另外的比较通用的方法就是直接在dom元素上设置属性，例如$("#id").attr("tag",1);
你在click函数里可以直接用$(this).attr("tag");来获取当前事件触发的元素上的tag

Answer 2

demo在这里：https://jsfiddle.net/6ypy4gmt/

可以利用:hidden来判断元素是否显示，若是隐藏则返回true,可见返回false。

在下列情况中，:hidden返回true：
* display:none.注意visibility: hidden和opacity: 0的元素是可见的
* 表单元素：type="hidden"
* 元素的widtd和height是0
* 其祖先元素是隐藏的