jQuery UI & jQuery hover с заголовком tooltip

Question

Я создал всплывающую подсказку с jquery ui и работает. Я добавляю свое меню в hover функция. Но если мой указатель мыши на всплывающей подсказке заголовка, он закрывается.

<script type="text/javascript"> 
    $(function(){ 
     $(".menu li div.altBurcT ul.altBurc li a").each(function(){ 
      $(this).tooltip({ 
       show: null, 
       //track: true, 
       position: { 
        my: "left top", 
        at: "left bottom" 
       }, 
       open: function(event,ui){ 
        ui.tooltip.animate({ 
         top: ui.tooltip.position().top + 10 
        }, "slow"); 
       } 
      }); 
     }); 

     $(".altBurcT").hide(); 
     $(".menu li.burc").hover(function(){ 
      $(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/); 
     },function(){ 
      $(this).find("> .altBurcT").stop(true,true).hide(); 
     }); 
    }); 
</script> 

Как это решить?

Благодарим за интерес. Хорошо работает ..

присоединяет:

Демо: jsfiddle.net/C7StJ

Я добавил это код, теперь не закрывается, но если моя мышь из, а не закрыть его :)

$(".menu li.burc").hover(function(){ 
    $(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/); 
},function(){ 
    $(".altBurc li a").each(function(){ 
     if($(this).attr("aria-describedby").length < 1){ 
      $(this).find("> .altBurcT").stop(true,true).hide(); 
     } 
    }); 
}); 

Answer 1

На вашем руке или обратном вызове после зависания в вашем случае. Проверьте, существует ли .ui-tooltip, и если да, не скрывайте меню.

$(".menu li.burc").on('mouseover', function() { 
    $(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/); 
}).on('mouseleave', function() { 
    if(!($('.ui-tooltip').length > 0)) 
     $(this).find("> .altBurcT").stop(true,true).hide(); 
}); 

Демо: jsFiddle