Javascript切换;试图使它不显示初始 div

您好：我基本上是在尝试有一个切换按钮（javascript），当您单击它时，会出现一个div，当您再次单击它时，div 会消失...

我在这里找到了一些代码，基本上可以做到这一点;除了div最初在页面上输出

（http://gerardsites.com/index）

我是学习javascript的新手;所以我正在尝试调整它，以便在页面加载div（gman123）时不显示;然后按钮只是切换它...

这是代码：

<script type="text/javascript">
    function toggleMe(btn, a) {
        var e = document.getElementById(a);
        if (!e) return true;
        if (e.style.display == "none") {
            e.style.display = "block";
            btn.value = "MENU";
        }
        else {
            e.style.display = "none";
            btn.value = "MENU";
        }
        return true;
    }
</script>
<input type="button" onclick="return toggleMe(this,'gman123')" value="MENU"><br>
<div id="gman123">
    <br />
    How about this for test text?
</div>

谁能帮忙？

非常感谢，

<html>
<body>
    <script type="text/javascript">
        function toggleMe(btn, a) {
            var e = document.getElementById(a);
            if (!e) return true;
            if (e.style.display == "none") {
                e.style.display = "block";
                btn.value = "MENU";
            }
            else {
                e.style.display = "none";
                btn.value = "MENU";
            }
            return true;
        }
    </script>    
    <input type="button" onclick="return toggleMe(this,'gman123')" value="MENU">
    <br>    
    <div id="gman123" style="display: none">
        <br />
        How about this for test text?
    </div>
</body>
</html>

添加一些 CSS 来隐藏元素...
这样。。。

#gman123 {display:none}

你的代码很好。但是由于您想在页面加载时将其隐藏。所以你必须手动隐藏它 .或者，您可以做的是在页面加载完成后调用您的函数，只需在关闭正文标签之前添加以下代码即可

<script type="text/javascript">
toggleMe(this,'gman123');
</script>

这将只隐藏一次。您将来也可以使用此技巧。

相关内容

最新更新

热门标签：