dmitrybascacov
@dmitrybascacov
Создание ботов, парсеров и прочей дичи в веб среде

Как решить проблему с анимациями и мышкой на JQuery?

Есть код
<div class="why-we__block">
            <div class="why-we__block-anim">
                <div class="why-we__image" onmouseover="why_we__description_show(this);" style="">
                     <тут svg, которая много место занимает>
                </div>
                <div class="why-we__description" onmouseleave="why_we__img_show(this);" style="display: none;">
                    <p>Lorem ipsum dolor sit amet, consectetur.</p>
                </div>
            </div>
            <div class="why-we__label"><p>Отзывчивая тех. поддержка.</p></div>
 </div>


Суть данного блока в том, чтобы показывать скрытое содержимое при наведении мышки. И скрывать данную информацию, если мышь улетела куда-то.

Но вот только если быстро проводить мышкой, то объект остается в одном положении: т.е. у он показывает дополнительную информацию, несмотря на то что мышь где-то далеко

function show_full_service_info(obj){
    $(obj).slideUp(50, function(){
        $(obj).siblings(".service__full-info").slideDown(250);
    }); 
} 
function hide_full_service_info(obj){
    $(obj).slideUp(200, function(){
        $(obj).siblings(".service__short-info").slideDown(100);
    }); 
}


Данных элементов несколько на странице
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы