Имам следното dropdown меню
[js]$(document).ready(function ()
{
/**
* Dropdown menus
*/
$('.header_menu li').hover(function ()
{
$(this).find('ul:first').stop(true, true).animate({opacity: 'toggle', height: 'toggle'}, 200).addClass('active');
},
function ()
{
$(this).children('ul.active').stop(true, true).animate({opacity: 'toggle', height: 'toggle'}, 200).removeClass('active');
});
});[/js]
Работи идеално, но имам проблем, на който не мога да намеря решение.
Така менюто работи, но като сваля мишката от главния линк и я преместя върху dropdown менюто hover-ът на менюто изчезва(а главното меню ето и снимка)
Трябва да има hover ефект( да остава селектирано).Нещо не мога да се сетя как ще стане. Благодаря ви предварително
[js]$(document).ready(function ()
{
/**
* Dropdown menus
*/
$('.header_menu li').hover(function ()
{
$(this).find('ul:first').stop(true, true).animate({opacity: 'toggle', height: 'toggle'}, 200).addClass('active');
},
function ()
{
$(this).children('ul.active').stop(true, true).animate({opacity: 'toggle', height: 'toggle'}, 200).removeClass('active');
});
});[/js]
Работи идеално, но имам проблем, на който не мога да намеря решение.
Така менюто работи, но като сваля мишката от главния линк и я преместя върху dropdown менюто hover-ът на менюто изчезва(а главното меню ето и снимка)
Трябва да има hover ефект( да остава селектирано).Нещо не мога да се сетя как ще стане. Благодаря ви предварително