jQuery Reemplazar Efecto de Fundido con deslizar arriba /Deslice hacia Abajo

Question

Alguien me puede ayudar para volver a escribir el código de abajo, que utiliza un efecto de fundido , para utilizar un efecto de deslizamiento.Quiero Deslizar hacia arriba y Deslice hacia Abajo

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

Gracias de antemano

Answer 1

En lugar de fadeIn / Out use slideDown/Up

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

Answer 2

O simplemente puede cambiar todo fadeIn() con slideDown() y fadeOut() con slideUp()...