Здравствуйте.
Есть вот такая обычная кнопка, при наведении на нее выпадают другие, более мелкие кнопки.
До наведения:
После:
В общем, ничего сложного вроде как, но сложность появилась. При уходе мышки с основной кнопки (с плюсом) я еще не успеваю навести на более мелкие, как все пропадает.
Изначальный код такой:
$('.add-menu-button').hover(function(){
$('.add-menu').fadeToggle(200);
});
<a href="" class="add-menu-button">
</a>
<div class="add-menu">
<a href="#light_add" class="light-menu"></a>
<a href="#auto_add" class="auto_add-trigger modal-trigger auto-menu"></a>
</div>
Пробовал различные варианты, и обработчики событий перевешивал на другие элементы, и варианты с тупой задержкой типа setTimeOut пробовал, но все как-то криво. Должно же быть какое-то нормальное решение.
Буду благодарен.