Закрыть меню на мобильных устройствах с привязкой

Question

Я читал в этом сообществе и проверял коды, но не могу закрыть меню.Я создал простой JSFiddle, чтобы понять это.Я хотел бы закрыть его с помощью jQuery.Проблема только в мобильном представлении.В этом примере пользователь нажимает на меню «БОЛЬШЕ», и появляется пункт «НОВОСТИ».«NEWS» - это якорная ссылка, и когда пользователь нажимает на нее, меню остается открытым.Это проблема.Как закрыть меню?

Я все перепробовал.

jQuery(".item-131").css( 'pointer-events', 'none' );
jQuery(".item-131").attr('onmouseover','');
jQuery(".item-131").off('mouseenter mouseleave');
jQuery(".item-131").unbind("mouseenter mouseleave");

Но я не могу закрыть меню.

См. Мой JSFiddle: https://jsfiddle.net/karmany/gc0ku8on/

Answer 1

Если бы вы могли показать свой курсор на мобильном телефоне, вы бы увидели, что при нажатии меню курсор все еще находится над кнопкой меню, пока вы фактически не нажмете ее - теперь вы можете иметь событие при нажатии, которое закрывает меню при нажатии