title: What is the default way an iOS device handles the :hover pseudo-class?
body: <p>I have a div that can be clicked (via jQuery <code>$('.mydiv').click</code> ) - this expands the div, a second click collapses it.</p>
  
  <p>The same div has some CSS <code>:hover</code> rules applied to it (i.e. to show more info on hover) - this works as intended on a PC.</p>
  
  <p>When using an iOS device, the click works, AND also applies the <code>:hover</code> pseudo-class - so my extra info shows up. This is pretty much exactly what I wanted to happen (amazingly).</p>
  
  <p>However, just having something with a <code>:hover</code> pseudo-class in the CSS does not mean a click will reveal it. </p>
  
  <p>So what are the rules that iOS is following to apply (or not) the <code>:hover</code> state? Are there some docs somewhere to view?</p>
  
  <p>I don't really want to hide functionality under hovers and have to write some touch specific JavaScript to make them work because it seems that iOS is already doing some of that work for me - I just want to know how to use that functionality specifically rather than just happening across it!</p>