jquery правка файла tabs.js (mouseout)

[usulla]

Добрый день!
Решила немного изменить работу со вкладками на странице продукта.
А именно:
Изначально при переходе на страницу продукта все вкладки в закрытом состоянии. Открываются вкладки при наведении мышки (вместо щелчка). С реализацией этих задач проблем не возникло. НО! нужно, чтобы при выходе мышки за область вкладки (названия и содержимого вкладки) содержимое вкладки опять сворачивалось (т.е все вкладки, как было изначально, в свернутом состоянии).
 
Я смогла сделать, чтобы вкладка сворачивалась при выходе мышки за область "названия вкладки", но мне нужно, чтобы при наведении мышки на "содержание вкладки (tab-content) вкладка оставалась в развернутом состоянии, а не сворачивалась, как сейчас.
 
Буду рада любой помощи! Заранее благодарю!

$.fn.tabs = function() {
	var selector = this;
	
	this.each(function() {
		var obj = $(this); 
		
		$(obj.attr('href')).hide();
		
		obj.mouseenter(function() {
			$(selector).removeClass('selected');
			
			$(this).addClass('selected');
			
			$($(this).attr('href')).fadeIn();
			
			$(selector).not(this).each(function(i, element) {
				$($(element).attr('href')).hide();
			});
			
			return false;
		});
		obj.mouseout(function() {
		
$(obj.attr('href')).hide();
	
		});
		
	});

	$(this).show();
	
	//$(this).first().click();
};