Здравствуйте у меня установлено меню je_menu для Joomla 2.5 пациент teremlux.com
Само меню горизонтальное, находится вверху сайта.
При наведении мыши на любой пункт название пункта съезжает вниз. Как отменить сьезд и чтобы при наведении вниз уходил подпункт а не название пункта меню.
<script type="text/javascript">
jQuery(function($) {
jQuery(window).bind('scroll', function() {
jQuery('ul.sdt_box > li > ul').each(function(index, el) {
var $elem = $(el);
var $offset = $elem.parent().parent().offset();
$elem.css({
top: $offset.top - $(window).scrollTop(),
});
});
});
jQuery('ul.sdt_box > li').bind('mouseenter', function() {
var $elem = $(this);
var offset = $elem.parent().offset();
var width = $elem.width();
var $sub_ul = $elem.find('ul');
var childs = $sub_ul.children();
var child_height = jQuery(childs***91;0***93;).outerHeight();
$sub_ul.css({
top: offset.top - $(window).scrollTop(),
left: offset.left + width,
position: 'fixed',
height: child_height * (childs.length+1)
})
.show();
}).bind('mouseleave', function() {
var $elem = $(this);
$elem.find('ul')
.hide();
});
jQuery('ul.sdt_box > li > ul').bind('mouseenter', function() {
$(this).parent().find('> a').addClass('red_menu_link');
}).bind('mouseleave', function() {
$(this).parent().find('> a').removeClass('red_menu_link');
});
jQuery('#sdt_menu > li').bind('mouseenter',function(){
var $elem = $(this);
$elem.find('img')
.stop(true)
.animate({
'width':'<?php echo $gw; ?>px',
'height':'<?php echo $gw; ?>px',
'left':'0px'
},400,'easeOutBack')
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'<?php echo $top; ?>px'},500,'easeOutBack')
.andSelf()
.find('.sdt_active')
.stop(true)
.animate({'height':'<?php echo $gw; ?>px'},500,function(){
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
var left = '<?php echo $gw; ?>px';
if($elem.parent().children().length == $elem.index()+1)
left = '-<?php echo $gw; ?>px';
$sub_menu.show();
$sub_menu.find('ul').hide();
$sub_menu.animate({'left':left},300);
}
});
}).bind('mouseleave',function(){
var $elem = $(this);
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length)
$sub_menu.hide().css('left','0px');
$elem.find('.sdt_active')
.stop(true)
.animate({'height':'0px'},500)
.andSelf().find('img')
.stop(true)
.animate({
'width':'0px',
'height':'0px',
'left':'85px'},500)
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'25px'},500);
});
});
</script>
