How to show/hide one dynamic element (div) at a time with jQuery
<p>This is my first attempt at jQuery and I'm using a basic tutorial I found here: <a href="http://papermashup.com/simple-jquery-showhide-div/#" rel="nofollow">http://papermashup.com/simple-jquery-showhide-div/#</a></p>

<p>This is my current code and how the jQuery works: <a href="http://jsfiddle.net/mZQsu/" rel="nofollow">http://jsfiddle.net/mZQsu/</a></p>

<p>As you can see, when you click the '+/-' it opens all 4 of the tables/DIVs. </p>

<p>How can I modify this code to open just the relevant secondary table/div according to the original table?</p>

<p>(Please note the secondary tables are generated dynamically from PHP and SQL data)</p>

<p>Thanks. </p>

<p>P.S all my code is here <a href="http://jsfiddle.net/mZQsu/" rel="nofollow">http://jsfiddle.net/mZQsu/</a> instead of clogging up this question page :)</p>
