如果div已切换，则Jquery已经可见

Question

我有一个div，我想在click上切换。如果div已经可见，我不希望我的切换功能被执行。这是我的代码，对于一些重新分析，它不是工作的适当者。 JsFiddle here

<script>
 $( document ).ready(function() {
if ($("#toggled").is(":hidden"))
{
 $(".test" ).click(function() {
    $("#toggled").toggle();
    });
}
else
{

}
});
</script>

Answer 1

很多工作但终于

 $( document ).ready(function() {
    var indexs = null;
    var bindIt = false;
    $("ul .test" ).click(function() {
        $("#toggled").show(); 
        if($(this).index() == indexs && bindIt == true){       
             $("#toggled").hide();
             bindIt = false;
         }else if(bindIt == false){
             indexs = $(this).index();
             bindIt = true;
         }
    });
});

JSFIDDLE

Answer 2

你正在过度思考这个问题。如果您只想在单击列表项时显示div，则只需显示show函数：

$(document).ready(function () { $(".test").click(function () { $("#toggled").show(); }); });

以下是更新的 jsFiddle 。

Answer 3

尝试使用jQuery的一种方法：

$( document ).ready(function() {
    $(".test" ).one('click', function() {
        $("#toggled").show();
    });
});