我有一个下拉元素，在桌面上效果很好。
http://www.c-testing.nl/werkenbijvanaarsen/growing-together/
但是在移动设备上，再次点击时下拉菜单不会收缩。
我在该论坛上阅读了一些答案，但在这种情况下似乎不起作用。
我正在尝试仅使用CSS来实现这一点，但是我了解的越多，似乎在线javascript就可以实现。
有人知道我如何在这个元素上设置像悬停一样的东西吗？.pl-drop_down:hover ul { opacity: 1; visibility: visible;}
最好的问候，马克
最佳答案
仅使用CSS：hover是不可能的，因为它不是为触摸屏设计的。
要使其在移动设备上重新折叠，您可以添加javascript：$('[selector that you want to tap]').click(function() { $('.pl-drop_down').css({'pointer-events': 'none'});});
这将删除移动设备上的悬停状态，并使它回退，不过，您需要使用jQuery才能使此解决方案正常工作。