Jquery hide/show messing up
<p>Hey everyone I have a script problem once again. I'm doing a jQuery show/hide for my members profile data in post. Please visit <a href="http://www.pimpkings.com/t3-what-up-everyone" rel="nofollow">http://www.pimpkings.com/t3-what-up-everyone</a> to see what i'm talking about, I'm leaving the code on so you can see what it's doing.</p>

<p>Every time I click on one persons show/hide it opens everyones and i only want it to open 1 persons at users request.</p>

<p>codes are-</p>

<pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
$(".slidingDiv").hide();
 $(".show_hide").show();
    $('.show_hide').click(function(){

$(".slidingDiv").slideToggle();

});

});
&lt;/script&gt;
</code></pre>

<p>Then the html coding is</p>

<pre><code>&lt;span class="show_hide" style="cursor:pointer;color:#c0c0c0;"&gt;Show/hide&lt;/span&gt;
&lt;div class="slidingDiv"&gt;
                              &lt;!-- BEGIN profile_field --&gt;
                            &lt;center&gt;    {postrow.displayed.profile_field.LABEL} &lt;center/&gt;
                            &lt;center&gt;  {postrow.displayed.profile_field.CONTENT} &lt;center/&gt;
                            &lt;center&gt;  {postrow.displayed.profile_field.SEPARATOR}&lt;center/&gt;
                            &lt;!-- END profile_field --&gt;
                            &lt;center&gt;{postrow.displayed.profile_field.LABEL}&lt;center/&gt;
                            &lt;center&gt;Online Status&lt;center/&gt;&lt;br/&gt;
                            &lt;center&gt;{postrow.displayed.ONLINE_IMG}&lt;center/&gt;
                                        {postrow.displayed.POSTER_RPG} &lt;br /&gt;

                            &lt;!-- BEGIN contact_field --&gt;
                             &lt;br/&gt; &lt;br/&gt;
                            {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}  
                            {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}
                            &lt;!-- END contact_field --&gt;
                              &lt;span class="show_hide" style="cursor:pointer;color:#c0c0c0;"&gt;hide&lt;/span&gt;&lt;/div&gt;
                            &lt;/span&gt;
</code></pre>

<p>Can anyone help figure out another selector so it does not open all at once?</p>
