は、新しい入力を追加し、私が唯一持っているHTML

Question

を変更せずにこれを使用する：私はHTMLを変更することはできません

<div> 
    <textarea id="names"></textarea> 
</div> 

を。私はjQueryだけを使うことができます。ページがロードされ、唯一でなければなりません準備ができている場合

<input type="checkbox" id="yes"> 
<div style="display:none"> 
    <textarea id="names"></textarea> 
</div> 

$("#yes").click(function(){ 
    $("#names").parent().show(); 
}) 

デフォルト：

<input type="checkbox" id="yes"> 

私は、これはその後、私は、テキストエリアにDIVを示してチェックした場合のようなものを作ることは可能です。

HTMLを変更せずにmakeすることはできますか？はいの場合、どうですか？

FIDDLE：http://jsfiddle.net/2ZMQz/

Answer 1

var checkbox = $('<input type="checkbox">'); 
var parent = $('#names').parent().hide().before(checkbox); 

checkbox.click(function() { 
    parent.toggle(); 
}); 

http://jsfiddle.net/2ZMQz/14/

Answer 2

あなたはトグル代わりのショー

を使用して、チェックボックスの機能を向上させることができ、次の

$("#names").parent().hide().before('<input type="checkbox" id="yes" />'); 

をお試しください

$("#yes").click(function(){ 
    $("#names").parent().toggle(); 
}) 

名前が示すように、可視性を切り替えるので、チェックボックスをオフにすると、コンテンツは非表示になります。

http://jsfiddle.net/2ZMQz/7/

Answer 3

はい、あなたがこれを行うことができます。

$("#names").parent().hide().before('<input type="checkbox" id="yes">'); 

$("#yes").click(function() { 
    if ($(this).is(':checked')) { 
     $("#names").parent().show(); 
    } else { 
     $("#names").parent().hide();  
    }}); 

http://jsfiddle.net/2ZMQz/15/