Question

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

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

Answer 1

删除引用<script>的{{1}}标记中的所有内容。这就是显示/隐藏链接的东西。

供将来参考：

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>

以上代码未经测试，但应该有效。

Answer 2

删除此行

onclick="showHide('example');return false;"

Answer 3

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

原件：

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

在显示/隐藏中单击时删除了文本

3 个答案: