jquery,如何知道div是隐藏的?

时间:2009-06-30 18:13:11

标签: jquery

我的代码使用jquery.slideup和jquery.slidedown

我怎么知道div被隐藏了?

5 个答案:

答案 0 :(得分:92)

要查看元素是否可见,您可以将visible selectoris函数一起使用:

$("#idElement").is(":visible") // true or false

但听起来我想要切换幻灯片效果,因为你可以使用slideToggle功能。

答案 1 :(得分:24)

$('#id').is(':hidden');    //true if is hidden
$('#id').is(':visible');   //true if is visible

但您可能需要使用slideToggle来满足您的需求。

答案 2 :(得分:2)

您可以使用可见选择器:

http://docs.jquery.com/Selectors/visible

答案 3 :(得分:0)

你可以使用$(“#elementID”)。height()== 0,因为你知道它要么是向上还是向下。它可能比执行.is(“:visible”)更快,但我没有对此进行任何测试。

答案 4 :(得分:0)

HTML CODE:

当你点击div id“collapse”时,如果div id“flex-container”可见,那么它的hide,如果隐藏则可见。

          <div  id="collapse" >collapse</div> 

JQUERY CODE:

 $(document).ready(function() {

   $("#collapse").on('click', function() {

   if($('#flex-container').is(':visible'))
    {  $("#flex-container").hide();  }
    else 
    {  $("#flex-container").show();  } 

   });
 });