JQuery - 在點擊鏈接時顯示多個選擇框

Question

我在JQuery中寫了一個小函數，花了我一點時間，但我到了那裏。您點擊鏈接並顯示下拉菜單。但我需要點擊鏈接並顯示下拉菜單，但是一旦再次點擊，我想再次使用相同的下拉菜單，最多可以達到4個。我現在被這個問題困住了，這是我多遠得到。

HTML：

<a class="toggle" href="#">Add another Location</a> 

插入多個位置dropdownbox

JQuery的：

$(function() { 
    $("a.toggle").click(function(e) { 
     $(this).next().toggle(); 
     e.preventDefault(); 
    }); 
});​ 

CSS：

​​

可以在正確的方向的人點。我的jsfiddle是在這裏：

http://jsfiddle.net/Painstar/bkVNk/

謝謝！

Answer 1

我已經更新了你我怎麼會做它發出的小提琴：

jQuery的

var current = 1; 
$(function() { 
$("a.toggle").click(function(e) { 
    if(current <= 4) { 
     $("#moreLocations" + current).show(); 
    current += 1; 
    } 
e.preventDefault(); 
}); 
}); 

HTML

<a class="toggle" href="#">Add another Location</a> 
<div id="moreLocations1" class="toggleDiv">insert more locations dropdownbox</div> 
<div id="moreLocations2" class="toggleDiv">insert more locations dropdownbox</div> 
<div id="moreLocations3" class="toggleDiv">insert more locations dropdownbox</div> 
<div id="moreLocations4" class="toggleDiv">insert more locations dropdownbox</div> 

假設你w是否有4盒作爲單獨的項目。

你也可以使用帶有ID的.sibling()，但是如果你知道ID的話應該沒問題。