How to make more than one div appear using jQuery
<p>I feel I am very close to finishing this.  I have a form with an "Add Children" button that when pressed will make a div show.  The form has 15 divs hidden (#child1 - #child15). I have it working to show only the first row (#child1).</p>

<p>My problem is that when the button is pressed again, the next row (#child2, #child3, etc...) should appear and I am not sure how to get it to show.  I tried putting in the counter but I am new to jQuery and any help would be very much appreciated.  I don't expect this to be a difficult issue, just one that is eluding my novice ability.</p>

<p>Here is the jQuery.  If i need to edit or add more code to help the question please let me know.  Thanks in advance!</p>

<pre><code>&lt;script type="text/javascript"&gt;
var counter=0

$(document).ready(function() {
    $('#addChildren').click(function() {
        $('#child1').show(function() {
        counter++
        });
      });
    });
&lt;/script&gt;
</code></pre>
