使用分页附加div

Question

我希望通过每个附加div的下一个和上一个按钮进行分页。 我在show_form div中附加了div_2。它正常工作。但我需要通过下一个和上一个按钮分隔div的帮助。请帮帮我。

这是我的Html

$(document).ready(function() {
  $("body").on("click", ".btns", function() {
    $(".show_form").append($(".div_2").html());

    $('.div_2').animate({
      'margin-left': '1000px'
    }, function() {
      $(".div_2").remove()
      $('#show_form').attr("id", "div_2");
      $('#div_2').addClass('div_2');
      $('#div_2').removeClass('show_form');
      $("#div_2").after(function() {
        return "<div id='show_form' class='show_form'></div>"
      });
      $('#show_form').addClass('show_form');
    })
    $('.show_form').show("slow");
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div_2" class="div_2">
  this is div 2
  <form class="this_form">
    <input type="text">
    <input type="button" value="buttons" />
  </form>
</div>
<div id="show_form" class="show_form">
</div>
<button class="btns" type="button" id="btnn">add more</button>