Часть 2: JQuery Добавить Hidden HTML элементы

Question

Следить за тем, что я уже писал в этой теме:

JQuery Add Hidden HTML Elements

<input type='button' value='Show Picture' id='add'> 
<div class='input'style='display: none;'> 
<div class="form" id="inter"></div> 

Это то, что работает для меня. Когда я нажимаю кнопку, появляется изображение.

$("#add").click(function() { 
    $(".input:hidden:first").toggle() 
}); 

Но другая часть моего JQuery удаляет DIV, когда я нажимаю на него. (как я и предполагал).

Проблема в том, что когда я нажимаю кнопку еще раз, изображение не появляется. Я хочу, чтобы он работал как бесконечный цикл. Я показываю изображение, нажимаю на него, чтобы отменить его, нажмите кнопку, и изображение будет показано еще раз.

Answer 1

Я считаю, что что-то очень похожее на ваш первый ответ должно работать. Пожалуйста, попробуйте следующее:

$("#add").click(function() { 
    $(".form").toggle(); 
}); 

Answer 2

Я думаю, что Ваш, добавив Div каждый раз при нажатии на кнопку, что вы делаете, это заменить содержимое дел.

<input type='button' value='Show Picture' id='add'> 
<div class='input'> 
    <div class="form" style="display:none;">Somgthing here</div> 
</div> 
<div id="container"></div> 

<script> 
$("#add").click(function() { 
    $('#container').html($('.input').html()).find('.form').show(); 
}); 
</script> 

http://jsfiddle.net/Jp4pq/16/

проверить.