0

你好：我基本上是想有一个切换按钮（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>

有人可以帮忙吗？

非常感谢，

G

4

3 回答 3

0 
<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>
于 2013-10-24T00:44:43.890 回答
0

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

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

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

于 2013-10-24T00:55:29.533 回答
0

添加一些CSS来隐藏元素最初......
就像这样......

#gman123 {display:none}
于 2013-10-24T00:45:51.633 回答