如何在jqueryui中创建平滑过渡

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

        $("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");

         });

目前，这造成了相当“急促”的页面更新；是否有任何方法可以使此平滑，和/或可能对所有过渡应用效果，以便它们立即平滑

---

感谢

将div从页面中移除非常好，我倾向于使用jquery内置函数 比如：

或

它们最终都显示为“无样式”，并且u可以使用反转功能显示它们：

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

或

---

对于相同的效果

如果我将此效果应用于所有元素，它仍将是不稳定的。我怎样才能完整地处理这段代码？他是对的。你最好使用转换函数，而不是搞乱CSS3的切换。你能解释一下“jecky”是什么意思吗？你的意思是淡入淡出的动画不一致还是页面上其他（可见）div的行为不稳定？？？

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

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

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