默認JavaScript值

Question

在此頁面...

http://www.utahrails.net/utahrails/bamberger_show-hide.php

...我想默認情況下，「內容」框，擴大，或者相當於單擊「顯示」。用戶可以隨時「隱藏」它，如果他們想要的話。這個腳本中需要更改什麼？

<script language="javascript" type="text/javascript"> 
function showHide(shID) { 
    if (document.getElementById(shID)) { 
     if (document.getElementById(shID+'-show').style.display != 'none') { 
     document.getElementById(shID+'-show').style.display = 'none'; 
     document.getElementById(shID).style.display = 'block'; 
     } 
     else { 
     document.getElementById(shID+'-show').style.display = 'inline'; 
     document.getElementById(shID).style.display = 'none'; 
     } 
    } 
} 
</script> 

我的目的是模仿維基百科。

Answer 1

在CSS文件

utahrails.css on line 1196 

您需要更改

display:none 

到

display:block 

Answer 2

首先改變你的代碼，這

function showHide(shID) { 
    var element = document.getElementById(shID); 
    if (element) { 
     if (element.style.display != 'none') { 
     element.style.display = 'none'; 
     element.style.display = 'block'; 
     } 
    else { 
     element.style.display = 'inline'; 
     element.style.display = 'none'; 
     } 
    } 
} 

緩存變量查找，否則您會多次查找相同的ID，並且會節省您編寫的代碼量。