添加動畫過渡到第三方jQuery插件 - Dropit

這是我在這裏的第一篇文章，我希望我也能貢獻一些重要的東西有一天:)添加動畫過渡到第三方jQuery插件 - Dropit

所以..我加了THID黨jQuery插件到我正在努力，插件可以在這裏找到http://dev7studios.com/dropit/

我的問題是，我怎麼能添加一個簡單的過渡到隱藏的下拉列表，以便它可以順利推下網站的內容？我添加了jQuery UI核心，但（'class'，1000）似乎並不適用於插件的* .js ..

非常感謝您提前！乾杯

2014-03-26 snkv

歡迎。用你試過的一些示例代碼來更新這個問題將會很有幫助。這將給你的意思上下文（'class'，1000）'。 –

我指的是爲onClick事件添加類的插件* .js文件的來源。下面的解決方案對我來說工作得很好，無論如何，謝謝你的快速響應！ – snkv

您好，歡迎StackOverflow的:)

我下載插件和他們的代碼是很好格式化和評論。

如果你去dropit.js的第28和第40行，你會看到有代碼來「顯示」和「隱藏」下拉菜單。請注意，他們正在使用「hide（）」和「show（）」，因此您可以繼續將其更改爲您喜歡的動畫/效果。

例如在線36，你會發現：

$(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).show();

你可以去一個變化，例如，對這樣的事情：

$(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).fadeIn();

很簡單，不是嗎？因此，基本上，您將會在「.js」中將「hide（）」和「show（）」轉換爲您要使用的某些轉換。

編輯：順便說一句，這裏有一些效果/轉換，你可以使用jQuery使用：http://api.jquery.com/category/effects/

2014-03-26 21:50:30

非常感謝Jhuliano！那很快。 – snkv

順便說一句，我會建議（如果你有時間和技巧來做），你參數化動畫，然後向作者發送拉請求;）！我很確定插件的社區和作者會很感激它。 –

每當我得到所需的技能，這樣做..現在我只是調整的東西:) 但無論哪種方式，插件狀態 - 一個超級簡單的下拉列表。 – snkv

回答