遞增地取消隱藏輸入框和帶有1個按鈕的文本

Question

我有一對動態生成的輸入框，並附加在某些列表的底部。這些用於自定義用戶輸入，以及所選對象。我需要每按一次按鈕就可以擴展1。我真的是新的jquery，所以我確定我在某處混淆了語法，但我不確定在哪裏。當我點擊我的按鈕沒有任何反應。我錯過了什麼？

這裏是我的jQuery：

var addanother; 
function increment(){ 
    addanother++; 
    $('input['.addmore'="'+ addanother +'"]').show(); 
} 

這裏是我的HTML：

<input type="button" onClick="increment()" value="Add more!"/> 
<div> 
<div class="addmore1" style="display: none" /> 
<input id="<?php echo $catkey; ?>_addone_friendly_1" type="text" class="auto" size="9" /><span> - Friendly</span><br /> 
<input id="<?php echo $catkey; ?>_addone_1" name="[<?php echo $catkey; ?>][]" type="text" class="auto" size="9" /><span> - Exact</span><br /> 
</div> 
<div class="addmore2" style="display: none" /> 
<input id="<?php echo $catkey; ?>_addone_friendly_2" type="text" class="auto" size="9" /><span> - Friendly</span><br /><br /> 
<input id="<?php echo $catkey; ?>_addone_2" name="[<?php echo $catkey; ?>][]" type="text" class="auto" size="9" /><span> - Exact</span><br /><br /> 
</div> 
... and so on 
</div> 

謝謝！

Answer 1

要增加一些東西，它開始與比undefined其他東西，你混的報價：

var addanother = 0; 

function increment(){ 
    addanother++; 
    $('.addmore'+addanother).show(); 
} 

FIDDLE

Answer 2

另一種方式來處理，這將是擺脫序列號，只是讓他們所有人class="addmore"，並讓jquery找到第一個隱藏和顯示它。

function increment() { 
    $('.addmore').filter(':hidden').eq(0).show() 
}