Срабатывание по двум условиям
 

Здравствуйте. Подскажите пожалуйста, у меня есть функция, которая при нажатие показывает или скрывает меню, выглядит она вот так:

$(function () {
    $('.menu__list').on('click', function () {

        $('.middleMenu__drop').slideToggle(300);

    })
})

Подскажите пожалуйста, нужно что бы тоже самое срабатывало и при наведении курсора, то есть мне нужно что бы меню разворачивалось при наведении курсора, а с сенсорных экранов оно будет разворачиваться при клике(тапе), что в этой функции нужно изменить, подскажите пожалуйста

Если поменять событие на hover, то при наведении работает хорошо на десктопе, а с тачскринов по первому тапу открывается меню, а по второму оно не закрывается, что логично=(

Tipylja,

$('.menu__list').on('mouseleave mouseenter touchstart',