单击按钮时加载带动画的页面

Question

我过去2天都在挣扎。当我点击button1加载名为“loadpage”的类中的页面时，左边是动画。和button2一样，但动画从右边开始。和onclick按钮3从中心加载第3页。请帮忙。

      <div id="main">    
        <div class="home">
         <button>1</button>
         <button>2</button>
         <button>3</button>
        </div>
        <div class="loadpage"></div>

     </div>

     <div id="page1"></div>
     <div id="page2"></div>
     <div id="page3"></div>

Answer 1

我不知道你需要什么，但我想你需要这样的。 。

 $(document).ready(function (){
           $('#yourpage1id').hide();
           $('#yourpage2id').hide();
           $('#yourpage3id').hide();
      $('#yourbutton1id').click(function (){
           $('#yourpage1id').show();
      });
      $('#yourbutton2id').click(function (){
           $('#yourpage2id').show();
      });
      $('#yourbutton3id').click(function (){
           $('#yourpage3id').show();
      });
 });