2014-12-27 50 views
-1

我有一个div,我想切换click.If div已经可见我不希望我的切换功能被执行。这里是我的代码,对于一些reasont而言,它并不适用于propper。 JsFiddle herejQuery如果div切换已经可见

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

} 
}); 
</script> 
+1

“它不工作”是什么意思? – undefined

+0

如果div是可见的,我按另一个按钮div应该保持可见,而不是消失 – user3058067

+2

[使用'show'方法,而不是'toggle'。](http://fiddle.jshell.net/L1spx0pg/1/) – undefined

回答

0

尝试使用jQuery的一个方法:

$(document).ready(function() { 
    $(".test").one('click', function() { 
     $("#toggled").show(); 
    }); 
}); 
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

1

你这得太多之一。如果你只是想显示点击列表项时,DIV,显示功能是所有你需要:

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

下面是更新jsFiddle