jQuery fade effect를 슬라이드 위로 /슬라이드 아래로 교체

Question

누구든지 페이드 효과를 사용하는 아래 코드를 다시 작성하고 슬라이딩 효과를 사용하도록 도와 줄 수 있습니까?

 function ShowCostMetrics()
 {
  $("#pnlGraph").fadeOut("slow",function()
   {
    $("#pnlCostMetrics").fadeIn("slow");
   });
 }
 function ShowGraph()
 {
   $("#pnlCostMetrics").fadeOut("slow",function()
   {
     $("#pnlGraph").fadeIn("slow");
    });
 }

미리 감사드립니다

Answer 1

대신에 Fadein/out 사용 슬라이드 타운/업

 function ShowCostMetrics()
 {
  $("#pnlGraph").slideUp("slow",function()
   {
    $("#pnlCostMetrics").slideDown("slow");
   });
 }
 function ShowGraph()
 {
   $("#pnlCostMetrics").slideUp("slow",function()
   {
     $("#pnlGraph").slideDown("slow");
    });
 }

Answer 2

또는 단순히 모든 것을 전환 할 수 있습니다 fadeIn() ~와 함께 slideDown() 그리고 fadeOut() ~와 함께 slideUp()...