-2

在下面的示例中，如何使“查看更多”文本不消失，此时文本在单击时被删除。我希望它留下来。非常感谢。

http://www.cssnewbie.com/example/showhide-content/

4

3 回答 3

1

删除<script>标签中引用的所有内容shID+'-show'。那就是显示/隐藏链接的东西。

备查： 

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

[...snip...]

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

删除隐藏链接的东西会给出：

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

[...snip...]

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

上面的代码未经测试，但应该可以工作。

于 2012-08-30T17:38:50.037 回答
1

删除此行

onclick="showHide('example');return false;"
于 2012-08-30T17:43:26.773 回答
1

将以下行更改为它下面的代码块。

原来的：

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

修改的：

<a href="#" id="example-show" class="showLink" >See more.</a>
于 2012-08-30T17:43:42.807 回答