Вот так заработало
$(document).ready(function(){
$('.menu__list').on('mouseenter', function (e) {
if( e.relatedTarget === null && e.type !== 'click' ) return;
$('.middleMenu__drop').slideDown(100).addClass('open');
});
$('.menu__list').on('mouseleave', function (e) {
$('.middleMenu__drop').slideUp(100).removeClass('open');
});
$('.menu__list').on('click', function (e) {
if($('.middleMenu__drop').hasClass('open')){
$('.middleMenu__drop').slideUp(100).removeClass('open');
}else{
$('.middleMenu__drop').slideDown(100).addClass('open');
}
})
});