javascript - 单击显示 div 时出现错误

标签 javascript jquery html

当我单击 div 时,它应该打开。当我再次单击时,它应该关闭 div。请帮我解决这个问题。

<html>
    <head>
        <script type="text/javascript">
        var bool = 0;
            function showDiv(){
                if(bool==1){
                    bool=0;
                    document.getElementById(show).style.visibility = "hidden";
                }else if(bool==0){
                    bool=1;
                    document.getElementById(show).style.visibility = "visible";
                }
            }
        </script>
    </head>
    <body>
        <input type="button" value="click" onclick="showDiv();" />

        <div="show">
            <p>it is okay it is okay it is okay it is okay it is okay it is okay it is okay it is okay</p>
        </div>

    </body>
</html>

最佳答案

您缺少 id 的引号getElementById() 的论据

document.getElementById('show').style.visibility = "hidden";

还有id <div> 上缺少属性名称

 <div="show">

应该是这样的:

<div id="show">

jsFiddle

关于javascript - 单击显示 div 时出现错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10156599/

相关文章:

javascript - 我如何告诉 Backbone 该模型不是新的

javascript - 如何使用正确的流类型扩展 JavaScript 中的错误

javascript - 我可以使用 JavaScript 确定点击的内容吗?

javascript - 如何使用 HTML 创建母版页?

jquery - 如何实现位于当前 View 底部的水平滚动条?

javascript - 如何在集合中进行部分插入?

javascript - Div 不动

javascript - 与 Javascript 和 jQuery 逻辑作斗争

jquery 1.8.2 根据复选框状态启用/禁用提交按钮

html - 无法使用 CSS 将图像扩展到浏览器高度的 100%