Закрывается меню при переходе на подкатегорию - Joomla 1.5: Вопросы по работе с меню

/**
*	@version	$Id: omgmenu.css 45 2013-04-11 09:45:18Z linhnt $
*	@package	OMG Template Framework for Joomla! 2.5
*	@subpackage	mod_omgmenu
*	@copyright	Copyright (C) 2009 - 2013 Omegatheme. All rights reserved.
*	@license	GNU/GPL version 2, or later
*	@website:	http://www.omegatheme.com
*	Support Forum - http://www.omegatheme.com/forum/
*/

/* this for dropdown on desktop */

.otmenu-desk-wrapper .ot-menu, 
.otmenu-desk-wrapper .ot-menu ul{
	padding: 0;
	margin: 0;
}
.otmenu-desk-wrapper .ot-menu ul,
.otmenu-desk-wrapper .ot-menu{
	list-style: none;
}
.otmenu-desk-wrapper .ot-menu li {
	margin: 0;
	padding: 0;
	position: relative;
}
.otmenu-desk-wrapper .ot-menu li li{
    cursor: pointer;
    display: block;
}
.otmenu-desk-wrapper .ot-menu li.divider,
.otmenu-desk-wrapper .ot-menu li.separator {
	cursor: default;
}

.otmenu-desk-wrapper .ot-menu li a,
.otmenu-desk-wrapper .ot-menu li a:hover {
	text-decoration: none;
}
.otmenu-desk-wrapper .ot-menu li img,
.otmenu-desk-wrapper .ot-menu li a img{
	max-height: 150px;
	max-width: 95%;
}
.ot-menu img.item-icon {
    max-height: 80px !important;
    max-width: 80px !important;
}
.otmenu-desk-wrapper .ot-menu li li a{
	display: block;
}
/*================= root level 1 ===============*/
/* level 1 general */
.otmenu-desk-wrapper .ot-menu li.level1{
	float: left;
}
.rtl .otmenu-desk-wrapper .ot-menu li.level1{
	float: right;
}

/* level 1 typo */

.otmenu-desk-wrapper .ot-menu li.level1{
	border: 0 none; 
}
.otmenu-desk-wrapper .ot-menu a.level1 {
    display: block;
    margin: 0;
	padding: 10px; 
}
.otmenu-desk-wrapper .ot-menu a.level1 span{
	margin: 0;
	padding: 0;
}


/* level 1 sub */

.otmenu-desk-wrapper .ot-menu .submenu-wrap {
	float: left;
	margin: 0;
	padding: 0;
	
	position: absolute;
	/*left: -999em;*/
	top: 0.1em;
	z-index: 9999;
	
	display: none;
	visibility: hidden;
	
}
.rtl .otmenu-desk-wrapper .ot-menu .submenu-wrap { float: right; }

.otmenu-desk-wrapper .ot-menu .submenu-wrap-ii {
	margin: 0;
	padding: 0;
}

/* level 1 sub drop action */
.otmenu-desk-wrapper .ot-menu li.hover .submenu-wrap,
.otmenu-desk-wrapper .ot-menu li:hover .submenu-wrap{
	left: auto;
}

/* ------ The sub --------*/

/* the sub notColumn */

/* .otmenu-desk-wrapper .ot-menu .notColumn .submenu-wrap,
.otmenu-desk-wrapper .ot-menu .notColumn .submenu-wrap .submenu-wrap{
	position: absolute;
} */
.otmenu-desk-wrapper .ot-menu .notColumn li:hover .submenu-wrap,
.otmenu-desk-wrapper .ot-menu .notColumn li.hover .submenu-wrap,
.otmenu-desk-wrapper .ot-menu .notColumn .submenu-wrap li:hover .submenu-wrap,
.otmenu-desk-wrapper .ot-menu .notColumn .submenu-wrap li.hover .submenu-wrap{
	/* left: 200px; */
	position: absolute;
	/* top: 0.1em; */
}

.rtl .otmenu-desk-wrapper .ot-menu .notColumn li:hover .submenu-wrap,
.rtl .otmenu-desk-wrapper .ot-menu .notColumn li.hover .submenu-wrap,
.rtl .otmenu-desk-wrapper .ot-menu .notColumn .submenu-wrap li:hover .submenu-wrap,
.rtl .otmenu-desk-wrapper .ot-menu .notColumn .submenu-wrap li.hover .submenu-wrap{
	/* right: 200px; */
}

.otmenu-desk-wrapper .ot-menu .hasColumn .submenu-column .notColumn > .submenu-wrap,
.otmenu-desk-wrapper .ot-menu .hasColumn:hover .submenu-column .notColumn > .submenu-wrap,
.otmenu-desk-wrapper .ot-menu .hasColumn.hover .submenu-column .notColumn > .submenu-wrap {
	position: absolute;
	display: none;
	padding: auto;
	border: 1px solid #DDDDDD;
}

/* li hasColumn */
.otmenu-desk-wrapper .ot-menu li.hasColumn {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.rtl .otmenu-desk-wrapper .ot-menu li.hasColumn {
	float: right;
}
.otmenu-desk-wrapper .ot-menu li.hasColumn .submenu-column {
	float: left;
	margin: 0;
	padding: 0;
}
.otmenu-desk-wrapper .ot-menu li.hasColumn .submenu-column .submenu-wrap,
.otmenu-desk-wrapper .ot-menu li.hasColumn:hover .submenu-column .submenu-wrap,
.otmenu-desk-wrapper .ot-menu li.hasColumn.hover .submenu-column .submenu-wrap {
	visibility: visible;
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	top: 0;
}

/* ============ fixed right edge issue =========== */
.submenu-wrap.edge-right {
	/*right: auto !important;*/
	left: auto !important;
}

.rtl .submenu-wrap.edge-left {
	/*right: auto !important;*/
	right: auto !important;
}


/* ================= General STYLE - depends on design ==============*/
.otmenu-desk-wrapper .ot-menu li:hover {
	background-color: #F9F9F9;
}
.otmenu-desk-wrapper .ot-menu li.level1 {
	
}
.otmenu-desk-wrapper .ot-menu a.level1 {
    font-size: 15px;
	font-weight: normal;
	text-align: center;
    text-transform: uppercase;
	
	height: 40px; /* depends on design */
}
.otmenu-desk-wrapper .item-desc {
    font-size: 11px;
    text-transform: none;
}
.otmenu-desk-wrapper .ot-menu .submenu-wrap {
	border: 1px solid #ddd;
	background: #F5F5F5;
	border-radius: 3px;
}
.otmenu-desk-wrapper .ot-menu li.level1 > .submenu-wrap {
	top: 50px; /* depends on design */
}

.otmenu-desk-wrapper .ot-menu .submenu-wrap-ii {

}
.otmenu-desk-wrapper .ot-menu li li{
	/* border-top: 1px solid #ddd; */
}
.otmenu-desk-wrapper .ot-menu li li.first {
	border-top: 1px none;
}
.otmenu-desk-wrapper .ot-menu li.hasColumn {
	border-top: 1px none;
	background-color: transparent;
}
.otmenu-desk-wrapper .ot-menu .submenu-column a {
	background-color: transparent;
}
.otmenu-desk-wrapper li.hasColumn .columnTitle {
	font-weight: bold;
}
.otmenu-desk-wrapper .ot-menu li.hasColumn .submenu-column {
	background-color: #EEE;
}
.otmenu-desk-wrapper .ot-menu li.hasColumn .submenu-column .submenu-wrap,
.otmenu-desk-wrapper .ot-menu li.hasColumn:hover .submenu-column .submenu-wrap,
.otmenu-desk-wrapper .ot-menu li.hasColumn.hover .submenu-column .submenu-wrap {
	border: 0 none;
	margin: 0 !important;
	padding: 0 !important;
}
.otmenu-desk-wrapper .ot-menu li li {
	background-color: #FFF;
	border-radius: 3px;
	margin: 2px 0;
}
.otmenu-desk-wrapper .ot-menu li li a,
.otmenu-desk-wrapper .ot-menu li li .item-separator {
	padding: 3px;
	display: block;
}
$(document).ready(function() {
    var timer;
    $('.menu > li').hover(
        function() {
            var $that = $(this);
            timer = setTimeout(function(){
                $that.addClass("active");
                $that.find('ul').finish().slideDown('slow');
            },1000); // 1000 - одна секунда до срабатывания (изменить значение на своё)
        },
        function() {
            clearTimeout(timer);
            $(this).removeClass("active");
            $(this).find('ul').finish().slideUp('slow');
        }
    );
});
/* END */

/**
*	@version	$Id: omgmenu.jq.js 46 2013-04-11 09:48:03Z linhnt $
*	@package	OMG Template Framework for Joomla! 2.5
*	@subpackage	mod_omgmenu
*	@copyright	Copyright (C) 2009 - 2013 Omegatheme. All rights reserved.
*	@license	GNU/GPL version 2, or later
*	@website:	http://www.omegatheme.com
*	Support Forum - http://www.omegatheme.com/forum/
*/

// dropdown menu for desktop layout
;(function($){
	
	// core function
	$.fn.otmenu = function(options){
		var otmenu = $.fn.otmenu;
		
		return this.each(function(){
			var opt = $.extend({}, otmenu.defaults, options);
			
			
			$(this).find("li").each(function(){
				var hasChild = $(this).hasClass('hasChild');
				var subWrapper = $(this).find('.submenu-wrap:first').eq(0);
				
				$(this).hover(
					function(){
						$(this).addClass(opt.hoverClass);
						if ($(this).hasClass('hasColumn')) return;
						
						
						
						if (hasChild){
							if (/msie [1-7]./.test(navigator.userAgent.toLowerCase()) === false)
							{ // Not IE 7
								var containerWidth = $("body").width();
								
								if (opt.direction == 'ltr')
								{
									if ($(this).hasClass('level1')){
										var startAtRight = ((containerWidth - $(this).offset().left) < $(subWrapper).width()) && (($(this).offset().left + $(this).width()) > $(subWrapper).width());
										// var startAtRight = (containerWidth - $(subWrapper).width() - $(this).offset().left < 0) || ($(this).offset().left < $(subWrapper).width());
									}
									else{
										var startAtRight = ((containerWidth - $(this).offset().left - $(this).width()) < $(subWrapper).width()) && ($(this).offset().left > $(subWrapper).width());
									}
									
									if (startAtRight){
										// var theRight = containerWidth - $(this).offset().left + ($(subWrapper).width() - (containerWidth - $(this).offset().left));
										if ($(this).hasClass('level1')){
											var theRight = 0;
										} else {
											var theRight = containerWidth - $(this).offset().left + ($(subWrapper).width() - (containerWidth - $(this).offset().left));
										}
										
										$(subWrapper).addClass('edge-right').css({right: theRight, visibility: "visible",display: "none"});
									}
									else {
										if ($(subWrapper).parents('.submenu-wrap').size() > 0){
											var theLeft = $(subWrapper).parents('.submenu-wrap').eq(0).width();
											$(subWrapper).css({left: theLeft,visibility: "visible",display: "none", right: 'auto'});
										}
										else {
											if (((containerWidth - $(this).offset().left) < $(subWrapper).width()) && (($(this).offset().left + $(this).width()) < $(subWrapper).width())) {
												// var theLeft = ($(subWrapper).width() - containerWidth) / 2;
												// var theLeft = containerWidth - $(subWrapper).width() - $(this).offset().left - 15;
												var theLeft = ((containerWidth - $(subWrapper).width()) / 2 ) - $(this).offset().left;
												$(subWrapper).css({left: theLeft, visibility: "visible",display: "none", right: 'auto'});
											} else {
												$(subWrapper).css({left: 'auto', visibility: "visible",display: "none", right: 'auto'});
											}
										}
									}
								}
								else {
									// var startAtLeft = ($(subWrapper).width() > $(this).offset().left) && $(subWrapper).width() < (containerWidth - $(this).offset().left);
									var startAtLeft = ($(subWrapper).width() > ($(this).offset().left + $(this).width())) && $(subWrapper).width() < (containerWidth - $(this).offset().left);
									
									if (startAtLeft){
										if ($(this).hasClass('level1')){
											var theLeft = 0;
										} else {
											var theLeft = $(this).parents('.submenu-wrap').eq(0).width();
										}
										$(subWrapper).addClass('edge-left').css({left: theLeft, visibility: "visible",display: "none"});
									}
									else {
										if ($(subWrapper).parents('.submenu-wrap').size() > 0){
											var theRight = $(subWrapper).parents('.submenu-wrap').eq(0).width();
											$(subWrapper).css({right: theRight,visibility: "visible",display: "none", left: 'auto'});
											// $(subWrapper).css({width: containerWidth - $(this).offset().left});
										}
										else{
											if (($(subWrapper).width() > ($(this).offset().left + $(this).width())) && $(subWrapper).width() > (containerWidth - $(this).offset().left)) {
												// var theRight = $(this).width() - (((containerWidth - $(subWrapper).width()) / 2 ) - $(this).offset().left) - $(subWrapper).width();
												// $(subWrapper).css({right: theRight,visibility: "visible",display: "none", left: 'auto'});
												var theLeft = ((containerWidth - $(subWrapper).width()) / 2 ) - $(this).offset().left;
												$(subWrapper).css({left: theLeft, visibility: "visible",display: "none", right: 'auto'});
											} else {
												$(subWrapper).css({right: 'auto', visibility: "visible",display: "none", left: 'auto'});
											}
										}
									}
								}
								
							} else { // IE 7
								
								if (opt.direction == 'ltr'){
									if ($(subWrapper).parents('.submenu-wrap').size() > 0){
										var theLeft = $(subWrapper).parents('.submenu-wrap').eq(0).width();
										$(subWrapper).css({left: theLeft,visibility: "visible",display: "none"});
									}
									else {
										$(subWrapper).css({left: 'auto', visibility: "visible",display: "none"});
									}
								} 
								else {
									if ($(subWrapper).parents('.submenu-wrap').size() > 0){
											var theRight = $(subWrapper).parents('.submenu-wrap').eq(0).width();
											$(subWrapper).css({right: theRight,visibility: "visible",display: "none"});
											
										}
										else{
											$(subWrapper).css({right: 'auto', visibility: "visible",display: "none"});
										}
								}
								
							}
							
							$(subWrapper).animate(opt.animation,opt.speed);
						}
					},
					function(){
						$(this).removeClass(opt.hoverClass);
						if ($(this).hasClass('hasColumn')) return;
						if (hasChild){
							$(subWrapper).removeClass('edge-right').removeClass('edge-left').hide();
						}
						
					}
				);
			});
		});
	};
	
	// init and calls
	var otmenu = $.fn.otmenu;
	otmenu.options = {};
	
	otmenu.defaults = { // default options
		// language direction
		direction: 'ltr',
		// li classes
		hoverClass: 'hover',
		// effects
		delay: 400, // delay
		animation: {opacity:"show"}, // the animation effect, eg: opacity:"show",height:"show"
		speed: 'normal' // speed to show animation
	};
	
})(jQuery);


// sliding up/down menu for tablet and mobile layout
;(function($){
	
	// core function
	$.fn.otslmenu = function(options){
		var otslmenu = $.fn.otslmenu;
		
		return this.each(function(){
			var opt = $.extend({}, otslmenu.defaults, options);
			
			$(this).find("li").each(function(){
				if ($(this).hasClass('hasColumn')) return;
				var subWrapper = $(this).find('.submenu-wrap:first').eq(0);
				var subHandler = $(this).find('.toogle-btn:first').eq(0);
				if($(this).hasClass('active')){
					$(subWrapper).slideToggle(opt.speed, function(){
						$(subHandler).toggleClass(opt.openedHandlerClass).toggleClass(opt.closedHandlerClass);
						$(this).toggleClass(opt.openClass);
						
					});
				}
				$(subHandler).click(function(){
					$(subWrapper).slideToggle(opt.speed, function(){
						$(subHandler).toggleClass(opt.openedHandlerClass).toggleClass(opt.closedHandlerClass);
						$(this).toggleClass(opt.openClass);
						
					});
				});
			});
		});
	};
	
	// init and calls
	var otslmenu = $.fn.otslmenu;
	otslmenu.options = {};
	
	otslmenu.defaults = { // default options
		// li classes
		openClass: 'open',
		openedHandlerClass: 'icon-minus-sign',
		closedHandlerClass: 'icon-plus-sign',
		// effects
		delay: 400, // delay
		speed: 'normal' // speed to show animation
	};
	
})(jQuery);