jqueryのは、毎回のクリックボタンは、テキストフィールドには、jQueryを使って

Question

iが新しいテキストフィールドが表示され、クリックすると、これはテキストです。このテキスト

<form> 
<input style="margin-top:20px;margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField"id="CrawlerField"/> 
<input style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField1"/> 
<input style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField2"/> 
<font id="jqueryAdd">Add button</font> 
</form> 

をクリックしたとき。.. 複数のテキストフィールドが表示されるようにしたい表示されます... 。

すべてのテキストフィールドが隠されている起動時に

<font id="jqueryAdd">Add button</font> 

スクリプト

$("#CrawlerField1").hide(); 
$("#CrawlerField2").hide(); 

jqueryAdd チェック前のテキストフィールドが隠されている場合は、次のテキストフィールドが

$("#jqueryAdd").click(function (event) { 
     if($("#CrawlerField").is(":visible")) 
     $("#CrawlerField1").show(); 
     return false; 
}); 
$("#jqueryAdd").click(function (event) { 
     if($("#CrawlerField1").is(":visible")) 
     $("#CrawlerField2").show(); 
    return false; 
}); 

開始時にすべてのボタンの外観で、このコードの結果を表示されて定義されたボタンを追加した単語をクリックしてください！

Answer 1

は

<input class ="in" style="margin-top:20px;margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField"id="CrawlerField"/> 
<input class ="in" style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField1"/> 
<input class ="in" style="margin-top: 15px; margin-right :50px; width:255px;height:23px;float:left;" type="text" name="CrawlerField1" id="CrawlerField2"/> 

のようなあなたのすべての<input>タグにclassを追加するとjQueryで、最初はすべての入力を非表示にするには、この行を追加します。

$(".in").hide();