jquery - 如何在 jqueryui 中创建平滑过渡

Question

我有一个从页面中删除一系列 div 的 jquery 切换：

        $("a#list-mode").click(function() { 


        $("a#list-mode").toggleClass("rm-toggle");
        $("a#map-mode").toggleClass("rm-toggle");
        $("div.rm-ta").toggleClass("rm-toggle-ta");
        $("div.rm-address").toggleClass("rm-toggle");
        $("div.rm-short-filters").toggleClass("rm-toggle");
        $("div.rm-filters").toggleClass("rm-toggle");
        $("div.rm-book").toggleClass("rm-toggle");
         $("#list-fix-pos").toggleClass("col-lg-3");

         });

目前，这会产生相当“生涩”的页面更新；有什么方法可以使这更平滑，和/或可能对所有过渡应用效果，以便它们立即平滑？

谢谢

Answer 1

从页面中删除 div 视觉效果很好，我倾向于使用 jquery 内置函数，例如：

$("#div").fadeOut();

或者

 $("#div").slideUp();

它们都以 display:none 样式结束，您可以使用反向函数显示它们：

$("#div").fadeIn();

或者

 $("#div").slideDown();

为了同样的效果