В общем написал вот так и все работает вроде бы как нужно, буду тестировать. Всем спасибо за ответы
$('.menu__list').on('mouseenter', function (e) {
$('.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');
}
});