-1

在本页面...

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>

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

4

2 回答 2

1

首先将您的代码更改为此

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的次数太多了,另外还节省了你写的代码量。

于 2013-02-23T22:46:32.987 回答
0

在 css 文件中

utahrails.css on line 1196 

你需要改变

display:none 

display:block
于 2013-02-23T22:39:04.640 回答