jQuery菜单向右滑动

Question

我正在将一个简单的菜单放入一个列表中，其中每个项目都有一个第二个菜单。

ul.first li 和 ul.second li

菜单将向右滑动，因为菜单位于网站的左侧。

我在 jQuery 上写了这个:

var secs1 = $('ul.first > li');

secs1.hover(

    function () {
        $(this).find('ul.second').animate({ width: 'toggle' }, 500);
    },
    function () {
        $(this).find('ul.second').animate({ width: 'toggle' }, 250);
    }

);

它工作完美，但内部有问题!

如果我在单个元素上进行鼠标输入和鼠标移出，它会像我一样打开和关闭多次。

这是我想解决的第一个想法!

第二个是:

如果我在切换完成之前鼠标进入并退出，我希望它不会完成切换所有内容，而是停止执行此操作并开始切换回原点。

我希望一切都足够清楚，可以为您提供帮助!

谢谢!

编辑:

查看Fiddle

Answer 1

这是正确的代码。经过测试，整洁且可以工作。享受吧!

http://jsfiddle.net/ReuLr/6/