jQuery将淡入淡出效果替换为向上/向下滑动

有谁能帮我重写下面使用淡入淡出效果的代码，使用滑动效果。我想要上下滑动

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

---

提前感谢

而不是淡入/淡出使用向下/向上滑动

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

---

使用向下/向上滑动，而不是fadeIn/Out

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

---

或者你可以简单地用

slideDown（）

切换所有

fadeIn（）

和

fadeOut（）

切换

slideUp（）

。

或者你可以简单地用

slideDown（）

切换所有

fadeIn（）

和

fadeOut（）

切换

slideUp（）