JQuery - show multiple select boxes on clicking a link
<p>I have written a small function in JQuery, took me a little while but I got there. You click a link and a dropdown shows. But I need to click the link and show the dropdown, but upon clicking it again I want the same dropdown again, up to a maximum or 4.</p>

<p>Now I'm stuck with this a bit, this is how far I got.</p>

<p>HTML:</p>

<pre><code>&lt;a class="toggle" href="#"&gt;Add another Location&lt;/a&gt;
</code></pre>

<p>insert more locations dropdownbox​</p>

<p>JQuery:</p>

<pre><code>$(function() {
    $("a.toggle").click(function(e) {
        $(this).next().toggle();
        e.preventDefault();
    });
});​
</code></pre>

<p>CSS:</p>

<pre><code>.toggleDiv { display: none; }
.toggle { font: 14px black Tahoma; }
</code></pre>

<p>Can anyone point in the right direction. My JSFiddle is here:</p>

<p><a href="http://jsfiddle.net/Painstar/bkVNk/" rel="nofollow">http://jsfiddle.net/Painstar/bkVNk/</a></p>

<p>Thanks!</p>

<p>​</p>
