Jquery动画选项卡 - 在鼠标移出时恢复

Question

我正在尝试改变Gaya设计的动画选项卡式内容http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/的导航菜单。我希望将背景变回到mouseout的第一个选项卡，但似乎无法使其工作。下面是移动后台功能的Javascript：

 
var TabbedContent = { 
    init: function() { 
     $(".tab_item").mouseover(function() { 
      var background = $(this).parent().find(".moving_bg"); 
      $(background).stop().animate({ 
       left: $(this).position()['left'] 
      }, { 
       duration: 300 
      }); 
      TabbedContent.slideContent($(this)); 
     }); 
    }, 
} 
$(document).ready(function() { 
    TabbedContent.init(); 
}); 

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

任何有关如何获取背景以恢复为鼠标悬停选项卡上的帮助将非常感谢！

感谢

Answer 1

什么triggeting的第一个项目的鼠标悬停事件：

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