Question

跟进我在此主题中发布的内容：

<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，你所做的就是替换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/

检查它。

第2部分：JQuery添加隐藏的HTML元素

2 个答案: