JQUERY substituir desvanece Efeito com corrediça para cima / para deslizar para baixo

Question

Alguém pode me ajudar a reescrever o código abaixo que utilizam um efeito de fade, para usar um effect.I deslizantes quer deslizar para cima e deslizar para baixo

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

Agradecemos antecipadamente

Answer 1

Em vez de fadeIn / Out uso slideDown / Up

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

Answer 2

Ou você poderia simplesmente mudar tudo fadeIn() com slideDown() e fadeOut() com slideUp() ...