Question

我有一个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");

         });

目前，这会产生相当“不稳定”的页面更新;有没有办法让这个更平滑，和/或可能对所有过渡应用效果，以便它们立刻平滑？

由于

Answer 1

从页面中删除divs看起来很好我倾向于使用jquery内置函数像：

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

或

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

他们最终都显示：他们没有样式，你可以使用反向函数显示它们：

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

或

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

同样的效果

如何在jqueryui中创建平滑过渡

1 个答案: