Почему slideToggle работает не корректно?

Есть сайт elemis.com.ua. На разрешении экрана меньше 480 есть мобильное меню, внутри которого есть пункты и выпадающее подменю. При клике на иконку "+" slideToggle не корректно работает. Может кто сталкивался с подобной проблемой? Фрагмент js

$(".megamenu-plus").on('click', function(){
$(this).parent().children('.dropdown-menu').slideToggle(500);
})

Фрагмент HTML(нужно чтобы по клику на + плавно выезжало/пряталось меню dropdown-menu)

<li class="dropdown middle">
<a href="/novinki/" class="dropdown-toggle dropdown-img" data-toggle="dropdown">Новинки</a>
<span class="megamenu-plus"></span>
<div class="dropdown-menu megamenu-type-html"></div>
</li>

введите сюда описание изображения


Ответы (1 шт):

Автор решения: uberchel

В файле megamenu.js находится ваша проблема

$('ul.nav li.dropdown').hover(function() {
    $(this).find('.dropdown-menu').hide();
    $(this).find('.dropdown-menu').stop(true, true).delay(500).fadeIn(10);
},
function() {
    $(this).find('.dropdown-menu').stop(true, true).delay(10).fadeOut(10);
});
→ Ссылка