當點擊按鈕加載頁面與動畫

-2

上午掙扎從最近2天。當我點擊button1時，在左邊的動畫中加載名爲「loadpage」的類。與button2相同，但動畫從右側開始。並點擊按鈕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>

來源

2014-01-16 GGK

向我們展示您的jQuery代碼到目前爲止，並使JSFiddle – tomsullivan1989

沒有任何jQuery代碼。請幫助我湯姆。我是jQuery的新手。 – GGK

嘗試尋找[這裏]（http://api.jquery.com/show/）和[這裏]（http://api.jquery.com/animate/）的想法。這裏的人不會爲你編寫代碼，但是如果你證明你已經做了很好的嘗試，他們會幫助你。 [這個問題]（http://stackoverflow.com/questions/12237163/show-div-id-on-click-with-jquery）演示瞭如何在點擊中顯示div，可以將它與一些動畫結合。 – tomsullivan1989

我不知道你需要什麼，但我想你需要這樣。。。

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

來源

2014-01-16 11:02:09 Dinesh

它爲我工作Dinesh ... :) – GGK

當點擊按鈕加載頁面與動畫

回答

相關問題