2014-12-27 83 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