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

Text removed when clicked in show/hide

本文关键字：删除 文本 单击 显示 隐藏      更新时间：2023-09-26

在下面的例子中，如何在单击时删除"查看更多"文本时使其不消失。我希望它能留下来。非常感谢。

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

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

以上代码未经测试，但应该可以使用

删除此行

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

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

原件：

<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>
相关文章：