Question

任何人都可以帮我改写以下使用淡入淡出效果的代码，使用滑动效果。我想要向上滑动并向下滑动

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

提前致谢

Answer 1

而不是淡入/淡出使用 slideDown / Up

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

Answer 2

或者您只需将所有fadeIn()与slideDown()和fadeOut()切换为slideUp() ...

jQuery REplace Fade Effect，向上滑动/向下滑动

2 个答案: