Javascript 删除和恢复divs切换

我正在尝试根据事件触发器在正在删除的div和正在恢复的div之间创建一个切换。我正在使用jquery。如何使用.click事件完成此操作？

简单地说，您将有两个div

在JS中使用此选项

 $(document).ready(function() {

          $("#div1").hide();
          $("#div2").hide();


                    $('#button1').click(function() {
                        $("#div1").show();
                        $("#div2").hide();

                    });

                    $('#button2').click(function() {
                        $("#div1").hide();
                        $("#div2").show();

                    });


                });

和HTML

<button id="button1" >Show Div1 </button> 
<button id="button2" >Show Div2 </button> 

<br><br>

    <div id="div1" ><h1> Hello </h1></div>
    <div id="div2" > <h1> Bye </h1></div>

显示Div1
节目组2



你好
拜伊

---

这里看到一个生动的例子：

你可以找到一个div并使用jQuery来移动它，也可以改变样式/内容/类名等。但是它并不总是性能最好的，你也可以考虑显示/隐藏DIV，而不是像前面所建议的那样。 这里举一个例子：

Html:

---

如果要创建“撤消”功能，您还必须记住项目的位置（在删除之前）才能将其放回正确的位置。

很难理解您要实现的目标，您能否尝试更清楚地解释一下。这将有助于一步一步地解释用户流程以及每个阶段会发生什么Hi kennvbrian，你有代码吗？另外，您实际上需要删除还是只显示/隐藏？如何恢复已删除的div？你是说“隐藏”和“展示”吗？@kennvbrian，你想要像这样的东西吗？我正试图从头开始创建这个。需要删除该div，然后再创建另一个（div），并对其样式和图像进行适度更改。谢谢。不是我想要的，而是我要用的。@kennvbrian你能把我的答案标记为接受吗？我需要上升：$，这样我才能评论：P非常感谢！并且->

需要删除该div，然后创建另一个（div），对其样式和图像进行一些适度的更改

->我可以为您在skype上添加我：

missessalima

，然后我们将discuss@SSD：这不是一个约会网站，你可能不应该播放你的skypeid@musefan：至少在没有个人资料图片的情况下你是说：p

<div id="removedItems"></div>
<div class="item">
    <h3>Item1</h3>
    <span class="remove">Remove</span>
</div>

$(document).ready(function(){
    $('.item span.remove').click(function(){
        // Find the item
        var $item = $(this).parent();

        // You can change the original item
        $item
        .addClass('removed')
        .find('h3').append('<span>[removed]</span>');

        // Move the item
        $('#removedItems').append( $item );
    });
});

var history = [];
$('.item span.remove').click(function{
    var $item = $(this);

    history.push( $item );
    $item.remove();
});