Question

我想要完成的是一个打开和关闭div的按钮。

我认为导致此失败的代码部分是真假陈述：如果可见性是块;如果隐藏可见性（我的if / else-if语句条件）。我应该如何从条件语句中选择HTML文档的属性，以检查元素状态是否是这样？

<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


<!-- block 1 -->
<script type="text/javascript">
  function open_div_() {
        if ( $("#_div__field").style.display = "none"; )
        {
            document.getElementById('_div__field').style.display = "block";
        }
        else if 
        ( $("#_div__field").style.display = "block"; )
        {
            document.getElementById('_div__field').style.display = "none";
        }
    }
</script>
<!-- block 1 end -->

<meta charset=utf-8 />
<meta name="viewport" content="width=device-width">      
</head>

<body>

<!-- block 2 -->
  <div id="_div__field" style="display:none;">
        YAY!
  </div>

  <div id="_div__button">
        <input type="button" name="answer" value="Show" onclick="open_div_()"></button>
  </div>
<!-- block 2 end -->

</body>
</html>

Answer 1

其中一种方式：

$("#_div__field").is(":visible")

How do I check if an element is hidden in jQuery?

您在发布前搜索了多少？我能够在SO上找到一些关于此的帖子。

bool-checking属性：隐藏可见性？是还是不是？

1 个答案: