单击按钮时，加载带有动画的页面答案

【问题标题】：When Click on button load the pages with anaimation单击按钮时，加载带有动画的页面
【发布时间】：2014-02-05 05:24:48
【问题描述】：

我从过去 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>

【问题讨论】：

向我们展示你到目前为止的 jQuery 代码，并制作一个 JSFiddle
没有任何 jQuery 代码。请帮帮我汤姆。我是 jQuery 新手。
尝试寻找 here 和 here 的想法。这里的人不会为你从头开始编写代码，但如果你证明你做了一个很好的尝试，他们会帮助你。 This question 有一个如何在点击时显示 div 的演示，您可以将其与一些动画结合使用。

标签： jquery css ajax html

【解决方案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();
      });
 });

【讨论】：