Не срабатывает касание с первого раза на телефоне

$('.menu').hover(
    function(){ $(this).addClass('opened') },
    function(){ $(this).removeClass('opened') }
)
    $('.menu').on('click',function () {
    if($(this).hasClass('opened')){
       $(this).removeClass('opened');
    } else { $(this).addClass('opened');}
})

Не сайте меню открывается при клике и наведении, за это отвечает этот код, на компе всё работает, на телефоне не срабатывает при первом касании, а начиная со второго всё работает нормально, почему так может быть?