title: How to un-hover an element on mobile
body: <p>I have a drop down element which works great on desktop. 
  <a href="http://www.c-testing.nl/werkenbijvanaarsen/growing-together/" rel="nofollow">http://www.c-testing.nl/werkenbijvanaarsen/growing-together/</a></p>
  
  <p>But on mobile devices, the drop down won't collapse back when tapping again.
  I read some answers on this forum, but it doesn't seem to work in this case.</p>
  
  <p>I'm trying to achieve this only with css, but the more I read about this, it seems that online javascript can achieve it.</p>
  
  <p>Does anybody know how I can set something like an un-hover on this element?</p>
  
  <p><code>.pl-drop_down:hover ul {
      opacity: 1;
      visibility: visible;
  }</code></p>
  
  <p>Best regards, Mark</p>