CSS Javascript 更改按钮属性

Question

我使用这里的引用:http://www.cssnewbie.com/example/showhide-content/并与 javascript 混淆

我想如果我点击查看更多，查看更多不会变得不可见，只激活链接

PS:我在 jsfiddle 上试过了，但不知道为什么没有用，这里是:http://jsfiddle.net/cfp35/

代码:

<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">
            home
            </a>


      <div id="example" class="more">
         <p>Congratulations! You've found the magic hidden text! Clicking the link below will hide this content again.</p>
         <p><a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;">Hide this content.</a></p>
      </div>

CSS:

.more {
    display: none;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

Answer 1

很简单。如果不显示#shID 元素，则让它显示。

按钮完全没有变化。

function showHide(shID) {
   if (document.getElementById(shID)) {
      if ((document.getElementById(shID).style.display == 'none')||(document.getElementById(shID).style.display == '')) {
         document.getElementById(shID).style.display = 'block';
      }
      else {
         document.getElementById(shID).style.display = 'none';
      }
   }
}