Работа с вкладками (правка файла 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. };

[Tom]

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

 

 

obj.hover(function() {

 

может так?

[usulla]

obj.hover(function() {

 

может так?

Спасибо за ответ! Но не помогло..

Если obj.click(function() { поменять на obj.hover(function() {  и оставить 

obj.mouseout(function() {        

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

   }); ,

то все то же самое (при наведении мышки на название вкладки открываются, при выходе мышки за область "названия вкладки" содержимое вкладки закрывается, а нужно, чтобы при наведении мышки на содержимое вкладки это содержимое не закрывалось).

[Tom]

Не уловил , что там должно открыться а что закрыться.Сделал вот на этом тесте.

 

http://fr7705bj.bget.ru/index.php?route=product/product&path=72_73&product_id=289

[usulla]

Не уловил , что там должно открыться а что закрыться.Сделал вот на этом тесте.

 

http://fr7705bj.bget.ru/index.php?route=product/product&path=72_73&product_id=289

Спасибо, большое за участие!!

В Вашем примере вкладка не сворачивается при выходе мышки за пределы области вкладки, те остается открытой, а нужно чтобы сворачивалась..

Как я понимаю нужно использовать mouseout, но я не понимаю как правильно прописать переменные.., тк 

obj.mouseout(function() {        

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

        });

работает не верно (вкладка не остается открытой при наведении мышки на контент вкладки, а закрывается, те закрывается при выходе из области "название вкладки" obj.) Т.е, как я понимаю вместо obj. нужно задать другую переменную..