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

Javascript切换;试图使初始div不显示,javascript,html,Javascript,Html,您好:我基本上是试图有一个切换按钮(javascript),当你点击它的div出现,当你再次点击它的div消失 我在这里找到了一些代码,基本上就是这样做的;除了最初在页面上输出的div之外 () 我刚开始学习javascript;因此,我尝试对此进行调整,以便在页面加载div时(gman123);没有显示;然后按钮就可以切换了 代码如下: <script type="text/javascript"> function toggleMe(btn, a) { v

您好:我基本上是试图有一个切换按钮(javascript),当你点击它的div出现,当你再次点击它的div消失

我在这里找到了一些代码,基本上就是这样做的;除了最初在页面上输出的div之外

()

我刚开始学习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>

功能切换表(btn,a){
var e=document.getElementById(a);
如果(!e)返回true;
如果(e.style.display==“无”){
e、 style.display=“block”;
btn.value=“菜单”;
}
否则{
e、 style.display=“无”;
btn.value=“菜单”;
}
返回true;
}


这个测试文本怎么样?
有人能帮忙吗

非常感谢

G


功能切换表(btn,a){
var e=document.getElementById(a);
如果(!e)返回true;
如果(e.style.display==“无”){
e、 style.display=“block”;
btn.value=“菜单”;
}
否则{
e、 style.display=“无”;
btn.value=“菜单”;
}
返回true;
}


这个测试文本怎么样?
添加一些CSS以最初隐藏元素…
就像这样

#gman123 {display:none}

你的代码很好。但既然你想在页面加载时隐藏它。所以你必须手动隐藏它。或者,您可以在页面加载完成时调用函数,只需在关闭body标记之前添加以下代码

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

toggleMe(这是'gman123');

这将只隐藏一次。你以后也可以使用这个技巧。

我在发布这篇文章之前就试过了,效果不错;除了你必须点击两次才能让div第一次出现;然后它工作得很好;所以我在寻找另一种方式;但托尼的回答很有效;谢谢查理。。。
<script type="text/javascript">
toggleMe(this,'gman123');
</script>