Когда вы нажимаете на кнопку, загружайте страницы с обьяснением

Question

am борется за последние 2 дня. когда я нажимаю на кнопку1, загружаю страницу в класс под названием «loadpage» с анимацией слева. такой же как кнопка2 тоже, но анимация начало с права. и onclick button 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(); 
     }); 
});