Как отключить элемент на мобильном телефоне

Question

У меня есть выпадающий элемент, который отлично работает на рабочем столе. http://www.c-testing.nl/werkenbijvanaarsen/growing-together/

Но на мобильных устройствах выпадение не будет разрушаться при повторном нажатии. Я прочитал несколько ответов на этом форуме, но в этом случае он не работает.

Я пытаюсь достичь этого только с помощью css, но чем больше я читал об этом, тем лучше, что он сможет его выполнить.

Кто-нибудь знает, как я могу установить что-то вроде un-hover на этом элементе?

.pl-drop_down:hover ul { opacity: 1; visibility: visible; }

С наилучшими пожеланиями, Марк

Answer 1

Это маловероятно, что вы получите то, что вы хотите, используя только CSS: парить, как это было не предназначено для сенсорных экранов.

Чтобы заставить его свернуть обратно на мобильный, вы можете добавить JavaScript:

$('[selector that you want to tap]').click(function() { $('.pl-drop_down').css({'pointer-events': 'none'}); });

Это удалит состояние парения на мобильном телефоне и должны сделать его свернуть назад, вы будете нуждаться в JQuery для этого решение работать.