使用.toggle（）滑動向上/向下隱藏Div的問題

您可以請看看這個JSFIDDLE示例，我試圖在鼠標懸停的情況下創建隱藏div的平滑動畫。正如你所看到的div從左下角出現，但我想從底部到頂部製作動畫。我試圖使用animate（），但我不知道如何從隱藏更改隱藏的div雕像？這裏是代碼我使用：使用.toggle（）滑動向上/向下隱藏Div的問題

$(document).ready(function() { 
    $('#handler').hover(function(){$('#hidden').toggle(1000)}); 
});

能否請你讓我知道我可以使用jQuery插件緩和這樣的事情？由於

來源

2012-11-26 user1760110

嘗試slideToggle代替toggle

http://jsfiddle.net/CGbCv/2/

的.slideToggle()方法動畫匹配元素的高度。這會導致頁面的較低部分向上或向下滑動，看起來顯示或隱藏項目。如果該元素最初顯示，如果隱藏，則將顯示爲hidden;，它將顯示。顯示屬性將根據需要進行保存和恢復。如果一個元素的內聯顯示值被隱藏並顯示出來，它將再次顯示爲inline。當隱藏動畫後高度達到0時，顯示樣式屬性設置爲none，以確保該元素不再影響頁面的佈局。

http://api.jquery.com/slideToggle/

來源

2012-11-26 22:49:28 KingKongFrog

謝謝王，這正是我一直在尋找 – user1760110

可否請您讓我知道如何做到這一點無需切換？我的意思是，當你注意到當用戶從處理程序div中移出時，隱藏的div現在消失了，現在我們如何在隱藏div的鼠標移出後保持div可用？我希望我足夠解釋我的意思？！ – user1760110

使用.toggle（）滑動向上/向下隱藏Div的問題

回答

相關問題