Добрый день! Решила немного изменить работу со вкладками на странице продукта. А именно: Изначально при переходе на страницу продукта все вкладки в закрытом состоянии. Открываются вкладки при наведении мышки (вместо щелчка). С реализацией этих задач проблем не возникло, поправила файл 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
$.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();
};