Javascript 使用JQuery追加和幻灯片

在将旧div的内容附加到一个div后，我很难隐藏该div。我希望旧div向右滑动，并在每次单击“添加更多”按钮时显示包含内容的新div

我的Html代码：

<div id="div_2">
    this is div 2 
    <form class="this_form"> 
        <input type="button" value="buttons"  />
    </form> 
</div>

<div id="show_form">    
</div>

<button class="pull-right" type="button" id="btns">add more</button>

---

谢谢

试试这把小提琴，也许它能帮你-

HTML代码-

<div id="div_2">
    this is div 2
    <form class="this_form">
        <input type="button" value="buttons" />
    </form>
</div>

<div id="show_form">
</div>
<button class="pull-right" type="button" id="btns">add more</button>

---

请运行此代码段，我想这是您想要实现的

从你的问题来看

我希望旧div向右滑动，并显示包含内容的新div

$（文档）.ready（函数（）{
$（“正文”）。在（“单击“，”.btns），函数（）上{
//$（“.show_form”）.html（“”）
$（.show_form”）.append（$（.div_2”）.html（）；
//$（'div_2'）。隐藏（“慢”）；
$（'.div_2'）。设置动画(
{
“左边距”：“1000px”
}，函数（）{
$（“.div_2”）.remove（）
$（'show#u form'）.attr（“id”，“div_2”）；
$（'div#u 2'）。addClass（'div_2'）；
$（'#div_2'）。removeClass（'show_form'）；
$（“#div_2”）。在（function（）之后{
返回“”
});
$（'show_form'）.addClass（'show_form'））
})
$（'show_form'）。show（“slow”）；
} );
});
我是二组
添加更多

不，这不是我想要的。它只添加了一次。但我希望每次单击“添加更多”按钮时，它都会附加并滑动。请详细说明您的问题，你希望每次都有相同的功能吗？是的，我希望每次单击“添加更多”时，它都会附加和滑动旧分区并显示新的附加分区。我希望所有附加分区都显示在分页中。当我单击第二页按钮时，第一页将滑动，第二页将显示并显示。请帮助我。谢谢回复。

<div id="div_2">
    this is div 2
    <form class="this_form">
        <input type="button" value="buttons" />
    </form>
</div>

<div id="show_form">
</div>
<button class="pull-right" type="button" id="btns">add more</button>

$(document).ready(function(){
    $('#div_2').hide();
});

$("body").on("click", "#btns", function() {
    $("#show_form").html($("#div_2").html());
    $('#show_form').hide("slide", { direction: "right" }, 2500);
    $('#div_2').show("slow");
});