Проблемы с выпадающим меню (jQuery)

[posthack]

Пациент: http://demo.imatte.us/fomru/project_people.html

 

 

Выпадающие меню при клике на эти ссылки работают не правильно. При клике открывается меню, но при выводе курсора из этих меню оно скрывается. Если после этого наводить курсор на любую из этих ссылок, то откроется их меню.

 

Подскажите, как сделать чтобы при unhover'е меню не скрывалось, и при уже открытом меню при наведении на другую ссылку не открывалось другое меню.

 

Спасибо.

[Switch74]

а на пациенте вообще что-то работает? у меня нет

[posthack]

а на пациенте вообще что-то работает? у меня нет

 

Работает. Эта менюшка открывается после клика на "Фильтр".

[Switch74]

нашел у вас в стилях зачем-то

.filters .filters-list>li:hover .filter {display: block;}

ваш код в js для показа и скрытия блока

var $filters = $('.filters-list>li');        $filters.each(function(){            var $filter = $(this);            var $filterBody = $filter.find('.filter');            $filter.find('.filter-name').click(function(){                $('.filters-list .filter').not($filterBody).fadeOut();                $filterBody.fadeToggle();            });        });        $(document).click(function(e){            if ( !$(e.target).closest('.filters-list').length || $(e.target).is('.filters-list') ) {                $('.filters-list .filter').fadeOut();            }        });

и элемент у вас зачем-то имеет <div class="filter multi" style="display: none;">

после первого клика элемент выглядит как <div class="filter multi">

после последующих уже правильно начинает работать и чередуется как <div class="filter multi" style="display: block;"> и <div class="filter multi" style="display: none;">

копайте в этом направлении, на форому где-то с подобным сталкивались, посмотрите с какими данными работает jquery и что он меняет а что нет

возможно вам стоит добавлять и удалять класс