如何創建jQueryUI的平滑過渡

我有一個jQuery的切換，從頁面移除了一系列的div：如何創建jQueryUI的平滑過渡

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

     });

目前，這產生了一個相當「生澀」網頁更新;有沒有什麼辦法可以使這個更平滑，並且/或者可能對所有的轉換應用一個效果，讓它們一次平滑？

感謝

來源

2013-08-04 alias51

能否請您解釋一下你是什麼意思與「幹」，你的意思是fadeing動畫在網頁上不一致，或者可能是其他（可見）的div表現不穩定？ –

從頁面移除的div visualy不錯我傾向於使用jQuery的內置函數，如：

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

或

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

他們都落得顯示：沒有他們的風格，你可以顯示他們使用反向功能：

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

或

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

對於同樣的效果

來源

2013-08-04 22:15:37

如果我將這個效果應用到所有的元素，它仍然是生澀的。我如何平滑整個代碼？ – alias51

他是對的。你最好使用轉換函數，而不是搞亂CSS3切換。 –

如何創建jQueryUI的平滑過渡

回答

相關問題