버튼을 클릭하면 화요일에

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(); 
     }); 
});