Jquery 动画选项卡 - 鼠标悬停时恢复

Question

我正在尝试将 Gaya Design 的动画标签内容 http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/ 改编为导航菜单。我想让背景恢复到 mouseout 上的第一个选项卡，但似乎无法正常工作。下面是移动背景功能的Javascript：

var TabbedContent = { 初始化：函数（）{ $(".tab_item").mouseover(function() { var 背景 = $(this).parent().find(".movi​​ng_bg"); $(背景).stop().animate({ 左：$(this).position()['left'] }, { 持续时间：300 }); TabbedContent.slideContent($(this)); }); }, } $(文档).ready(函数() { 选项卡内容.init(); });

这是我想要实现的目标的链接。 Link

任何关于如何让背景在鼠标移出时恢复到选项卡的任何帮助都将非常感激！

谢谢

Answer 1

如何触发第一项的鼠标悬停事件：

$('.tabs').mouseout(function(){
    $(this).find('.tab_item:first').mouseover();
});