2013-03-12 61 views
-6

如何更改下面的代碼以在頁面加載時隱藏內容。無法在網頁加載時隱藏內容。顯示/隱藏切換

<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> 
+0

你需要在頁面加載執行此??? – 999k 2013-03-12 08:58:16

+0

爲什麼不使用CSS,即'''.showHide {display:none}''''? – dirkk 2013-03-12 08:59:57

回答

0

代碼:

CSS:

#mango {display: none;} 

HTML:

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

的Javascript:

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

請參考以下鏈接:

Hide document body on page load

+0

已添加標籤,但它似乎沒有做任何事情? – user2156067 2013-03-12 09:38:13