Home/ Questions/Q 7628287
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T05:34:29+00:00

The link to hide text works, but the link to .show the hidden text

  • 0

The link to hide text works, but the link to .show the hidden text doesn’t show it and I don’t see any errors. See jsfiddle at: http://jsfiddle.net/tv6WQ/

<head>
<style type="text/css">   
    #shortandlong {color:red}   
    #thestory {visibility:hidden} 
</style>
</head>
<body>
    <span id="shortandlong">This is the short version but click </span><a href="#" id="showme">here...</a><span id="thestory"> now this is the full version</span><br/>
<span id="hideit">This text can be hidden </span>by clicking here <a href="#" id="hideme">here</a><br/>

</body>

js:

  $(document).ready(function () 
    { $('#hideme').click(function() 
      { $('#hideit').hide('fast');     
        return false;     } );    
      $("#showme").click(function() 
      { $('#thestory').show;     
        alert('Hello World');     
        return false;     } );    
    } );
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Two things:

    1. show() is a function so you need parentheses
    2. hide/show change the display property, not the visibility – so change $('#thestory').show to $('#thestory').css('visibility','visible')
    • 0