Hi all

I basically have a class which shows the hidden text when the link is clicked, everything works but, my problem is when I click one link, all the hidden text gets shown instead of just the one that I've clicked. I've tried adding (this) but can't seem to get things to work, where to put things.

Code HTML4Strict:
<p>Some text here, some more text here.</p>
<p class="hidden-text">Some text here, some more text here.</p>
<p><a href="#" class="extra-reading"></a></p>
 
<p>Some text here, some more text here.</p>
<p class="hidden-text">Some text here, some more text here.</p>
<p><a href="#" class="extra-reading"></a></p>

Code JavaScript:
$(document).ready(function() {
          $('.hidden-text').hide();
 
          $('.extra-reading').click(function() {
            $('.hidden-text').slideToggle('slow', 'linear');
 
            return false;
          });
        });

Thanks, Barry