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(); 
});