I am working on a mobile-friendly version of a dropdown navigation bar here: http://apps.cpe.ky.gov/temp_docs/pro...-nav/menu.html
Something I noticed when I test it on an iPhone, using Safari as the browser:
  1. I tap once on "for educators" (for example)
  2. the dropdown appears correctly, but then disappears
  3. the neighboring dropdown appears, then disappears
  4. the correct dropdown reappears

I can't figure out why this is happening. I'm guessing it's the jQuery method, but wouldn't be surprised if the CSS is causing confusion.
I'm using the method described here: http://osvaldas.info/drop-down-navig...touch-friendly.
Any ideas as to why this is happening?