Работа с вкладками (правка файла tabs.js)

[usulla]

Добрый день!
Решила немного изменить работу со вкладками на странице продукта.
А именно:
Изначально при переходе на страницу продукта все вкладки в закрытом состоянии. Открываются вкладки при наведении мышки (вместо щелчка). С реализацией этих задач проблем не возникло, поправила файл catalog/view/javascript/jquery/tabs.js

Поменяла obj.click(function() {  на obj.mouseenter(function() { ,

закоментировала //$(this).first().click(); 

НО! нужно, чтобы при выходе мышки за область вкладки (названия и содержимого вкладки) содержимое вкладки опять сворачивалось (т.е все вкладки, как было изначально, в свернутом состоянии).
 
Я смогла сделать, чтобы вкладка сворачивалась при выходе мышки за область "названия вкладки" (добавила 
 obj.mouseout(function() {        

 $(obj.attr('href')).hide();

          });

 но мне нужно, чтобы при наведении мышки на "содержание вкладки (tab-content) вкладка оставалась в развернутом состоянии, а не сворачивалась, как сейчас.
Сейчас так:  

А нужно так:  
Буду рада любой помощи! Заранее благодарю!

 Файл catalog/view/javascript/jquery/tabs.js

1. $.fn.tabs = function() {
2.     var selector = this;
3.     
4.     this.each(function() {
5.         var obj = $(this);
6.         
7.         $(obj.attr('href')).hide();
8.         
9.         obj.mouseenter(function() {
10.             $(selector).removeClass('selected');
11.             
12.             $(this).addClass('selected');
13.             
14.             $($(this).attr('href')).fadeIn();
15.             
16.             $(selector).not(this).each(function(i, element) {
17.                 $($(element).attr('href')).hide();
18.             });
19.             
20.             return false;
21.         });
22.         obj.mouseout(function() {
23.         
24. $(obj.attr('href')).hide();
25.     
26.         });
27.         
28.     });
29.  
30.     $(this).show();
31.     
32.     //$(this).first().click();
33. };