Show/Hide divs with same class - jquery
<p>I have 1 div that will contain 3-5 divs with the same class. Below the div is an anchor. I would like for when this anchor is clicked it will hide the first div and then show the second. Another click would show the next  and so on. I have set display:none on all divs but the first so only one is currently showing. I just can't figure out how to hide the first and then show the second, then third, then next when clicking the anchor.</p>

<pre><code>&lt;div class="container-div"&gt;
&lt;div class="inner-div"&gt;...&lt;/div&gt;
&lt;div class="inner-div" style="display:none;"&gt;...&lt;/div&gt;
&lt;div class="inner-div" style="display:none;"&gt;...&lt;/div&gt;
&lt;a href="#" class="more"&gt;More&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>So when the more anchor is clicked it would show one inner-div one at a time. Any suggestions or ideas would be greatly appreciated. Also, I would like to use jquery to accomplish this.</p>
