Javascript 向第三方jquery插件添加动画转换-Dropit

Javascript 向第三方jquery插件添加动画转换-Dropit,javascript,jquery,html,jquery-ui,animation,Javascript,Jquery,Html,Jquery Ui,Animation,这是我在这里的第一篇帖子,我希望有一天我也能为一些重要的事情做出贡献:) 所以。。我添加了一个thid party jquery插件到一个我正在工作的站点,这个插件可以在这里找到 我的问题是,我如何向隐藏的下拉列表添加一个简单的转换,以便它能够顺利地向下推网站的内容?我添加了jQuery UI核心,但是('class',1000)似乎不适用于插件的*.js 提前非常感谢大家! 干杯大家好,欢迎来到StackOverflow:) 我下载了插件,他们的代码格式和注释都很好 如果您转到dropit.j

这是我在这里的第一篇帖子,我希望有一天我也能为一些重要的事情做出贡献:)

所以。。我添加了一个thid party jquery插件到一个我正在工作的站点,这个插件可以在这里找到

我的问题是,我如何向隐藏的下拉列表添加一个简单的转换,以便它能够顺利地向下推网站的内容?我添加了jQuery UI核心,但是('class',1000)似乎不适用于插件的*.js

提前非常感谢大家!
干杯

大家好,欢迎来到StackOverflow:)

我下载了插件,他们的代码格式和注释都很好

如果您转到dropit.js的第28行和第40行,您将看到“显示”和“隐藏”下拉列表的代码。请注意,他们正在使用“隐藏()和“显示()”,因此您可以继续并将其更改为您喜欢的动画/效果

例如,在第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一起使用的效果/转换:

Welcome。使用您尝试过的一些示例代码更新问题会很有帮助。这将为您所说的
('class',1000)
提供上下文。我指的是插件的*.js文件的源代码,其中为onClick事件添加了类。下面的解决方案对我来说很好,无论如何,谢谢你的快速回复!非常感谢你,朱利亚诺!这很快。顺便说一句,我建议(如果你有时间和技能这么做的话)你将动画参数化,然后向作者发送一个pull请求;)!我相信社区和插件的作者都会很感激的。只要我掌握了所需的技能。。现在我只需要调整一下:)但不管怎样,插件都会声明-一个超级简单的下拉列表。