Slideup \ jquery로 다음 페이지 애니메이크

Question

다음을 사용하여 현재 페이지 내에 새 페이지를로드합니다. 새로 고침하지 않습니다.

$(document).ready(function(){ 
$("#leftnav").click(function(){ 
    $.post("regions.php",function(data){document.write(data)},"html") 
    return false; 
}); 

}); 

jquery로 새 페이지에 애니메이션을 적용 할 수 있습니까? 예 : 새 페이지를 슬라이드 업 하시겠습니까?

감사합니다,

Answer 1

다음 slideDown을 몸에 추가하고, 숨겨진 DIV에 새로운 내용을 추가합니다 다음.

$(document).ready(function(){ 
    $("#leftnav").click(function(){ 
     $.post("regions.php",function(data){ 
      //create a div and hide it 
      //append new content then slideDown 
      $('<div />').hide() 
         .html(data) 
         .appendTo('body') 
         .slideDown() 
     return false; 
    }); 
});