JQuery advice needed
<p>I have a page and I want to show some paragraphs after clicking a link, before that it should be hidden. So i wrote a simple JQuery code, but the problem is when I click the open link all the other hidden divs are also shown. My code is given below please advice how to solve the issue.</p>

<p>HTML</p>

<pre><code>&lt;div&gt;
&lt;a href="#" class="open_div"&gt;Read More&lt;/a&gt;

&lt;div class="expand_div"&gt;
&lt;a href="#" class="close_div"&gt;&lt;img src="images/close_button.gif" width="50" height="12" alt="Close" border="0" /&gt;&lt;/a&gt;
&lt;p&gt;My hidden content goes here..&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>and I want to repeat the above <code>&lt;div&gt;</code> block 7 times. So when I click the first div's Read more button the remaining 6 hidden divs are also showing!!! </p>

<p>JQuery</p>

<pre><code>&lt;script language="JavaScript"&gt;
 $(document).ready(function(){
    $('a.open_div').click(function(){
            $('.expand_div').show();
    });

    $('a.close_div').click(function(){
            $('.expand_div').hide();
    });

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

<p>how to solve this issue..?</p>

<p>any answers would be appreciated!</p>

<p>Thanks</p>

<p>Paul</p>
