Home/ Questions/Q 8457123
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T12:43:42+00:00

In this example below, how do I make the See more text not disappear,

  • 0

In this example below, how do I make the “See more” text not disappear, at the moment the text is removed when clicked. I would like it to stay. Thanks a lot.

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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Delete all of the stuff in the <script> tag that references shID+'-show'. That’s the stuff that’s showing/hiding the link.

    For future reference: 

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

    Removing the hide link stuff would give:

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

    The above code is untested, but should work.

    • 0