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

Question

[Дмитрий Баскаков]

Есть код

<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);
    }); 
}

Данных элементов несколько на странице

Comments

[Александр]

С таким описанием вам мало кто поможет. Какие-то не связанные между собой куски кода. Почему onmouseover на одном блоке, а onmouseleave на втором? Почему в HTML используются функции why_we__description_show и why_we__img_show, а в JS show_full_service_info и hide_full_service_info.

Абсолютно не понятно что, где и как вызывается. Прикрепили бы пример на jsfiddle - сразу бы помогли. Задача то не сложная.