Hi all

I have a simple hide/show which shows the hidden message and changes the links text when the link is clicked, everything works but, my problem is when I click one link, all the hidden messages gets shown instead of just the one that I've clicked.

I need to add something like $(this).parent().show(); but I'm not sure where to put this or is there an easier way?

Code JavaScript:
$(document).ready(function() {
        $('.message').hide();
        $('.hideshow').toggle(function() {
            $('.hideshow').text('Hide');
            $('.message').show('slow');
        }, function() {
            $('.hideshow').text('Show');
            $('.message').hide('slow');
        });
    });

Code HTML4Strict:
<p><a href="#" class="hideshow">Show</a></p>
                        <div class="message">
                            some text here
                        </div>
<p><a href="#" class="hideshow">Show</a></p>
                        <div class="message">
                            some text here
                        </div>

Thanks, Barry