在子菜单弹出菜单上将.fadeToggle（）与.animate（）结合使用时出现问题

Question

我正在尝试复制this子菜单弹出效果。效果看起来很简单，但是我无法理解如何为弹出的位置设置动画，因为我对jQuery太缺乏经验了。

我试图通过使用子选择器并调用.animate（）来避免执行许多DOM查询。我还尝试了.addClass（）来触发css动画，但这没有用。

这是我正在使用的基本弹出模板： jsfiddle.net/OMDCode/6fh401c2/19/

$('.myMenu ul li').hover(function() {
$(this).children('ul').stop(true, false, true).fadeToggle(300);

理想情况下，这可能是我以后可以用作插件的功能。

感谢您的光临。