Question

I have only:

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

I can’t modify html. I can use only jQuery. Is possible make something like:

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

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

Default if page is loaded and ready should be only:

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

If i checked this then show me div with textarea.

Is possible make without modify HTML? If yes, how?

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/