当单击按钮加载页面与优化

Question

从过去两天开始挣扎。 当我单击按钮1时，加载名为"加载页面"的页面，并从左侧开始播放动画。 与按钮2相同，但动画从右侧开始。 和点击按钮 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();
      });
 });