Javascript 无法隐藏页面加载时的内容。显示/隐藏切换_Javascript

Javascript 无法隐藏页面加载时的内容。显示/隐藏切换

javascript

Javascript 无法隐藏页面加载时的内容。显示/隐藏切换,javascript,Javascript,如何更改下面的代码以隐藏页面加载时的内容 <SCRIPT type=text/javascript> for (var i= document.links.length; i-->0;) { var link= document.links[i]; if (link.className=='showhide') { var div= document.getElementById(link.hash.substr

如何更改下面的代码以隐藏页面加载时的内容

<SCRIPT type=text/javascript>
    for (var i= document.links.length; i-->0;) {
        var link= document.links[i];

        if (link.className=='showhide') {
            var div= document.getElementById(link.hash.substring(1));
            Toggler(link, div, true);
        }
    }

    function Toggler(toggler, togglee, state) {
        toggler.onclick= function() {
            state= !state;
            togglee.style.display= state? 'block' : 'none';
            return false;
        }
    }
</SCRIPT>


对于（var i=document.links.length；i-->0；）{
var link=document.links[i]；
if（link.className=='showhide'）{
var div=document.getElementById（link.hash.substring（1））；
切换器（链接、分区、真）；
}
}
函数切换器（切换器、切换器、状态）{
toggler.onclick=function（）{
状态=！状态；
toggle.style.display=状态？'block'：'none'；
返回false；
}
}

代码：

CSS:

HTML:

请参阅以下链接：

您需要在页面加载时执行此操作？？？为什么不使用CSS，即

。showHide{display:none}

？添加了标记，但似乎没有任何作用？

#mango {display: none;}

<body>
  <div id="mango">
    page content.... 
  </div>
</body>

document.getElementById("mango").style.display = "block";