Есть меню на JQuery, необходимо сделать задержку после выхода мышки из зоны меню. Пока что есть вот такой код, он работает, но если вывести мышку, а потом опять навести то есть эффект моргания.
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
(document).ready(function(){
var id
var mark
$('.suckerdivs').hover(function(){},
function(){ mark =1;
id = setTimeout("$('.suckerdivs ul li ul').fadeOut(500)", 1500);})
$('.suckerdivs ul li').hover(
function() {
clearTimeout(id)
//$(this).find('ul:first').stop(true, true);
$(this).find('ul:first').css("left",$(this).find('ul:first').width()+"px");
if (mark!=1){
$(this).parent().find('li ul').hide();}
$(this).find('ul:first').delay(1).fadeIn(1);
mark = 0;
},
function() {
//$(this).find('ul:first').delay(1000).fadeOut(400)
}
);
// всем элементам меню с вложенностью добавить символ »
$('.suckerdivs ul li:has(ul)').find('a:first').append(' »');
});
</script>
Сам html менюшки выглядит как обычный ul список с множеством вложений.
Может у кого есть примеры JSменюшек с задержкой после вывода курсора мыши?