jQuery: I need to show consecutive fields in a form at each new click
<p>I have 5 upload fields but I need to hide them except the first. Then at each click to show them one by one.</p>

<p>I created the following script but it seems like item.show() is not displaying the hidden fields.10x</p>

<pre><code>first = $('.webform-client-form').find('div[id$="-ajax-wrapper"]').first();
    first.after('&lt;a id="addmore" href=#&gt;[+] Add more&lt;/a&gt;');
    $('.webform-client-form').find('div[id$="-ajax-wrapper"]').each(function(){
            $(this).hide();
            first.show();
    });

    var c = 1;//counter
    $('#addmore').bind('click', function(e) {
        item = $('edit-submitted-file'+c+'-ajax-wrapper');
        item.show();
        ++c;
    if (c == 5) {
      $('#addmore').hide();
      return false;
    }
  });
</code></pre>

<p><img src="http://i.stack.imgur.com/tgPT6.png" alt="enter image description here"></p>
