I am working on a mobile-friendly version of a dropdown navigation bar here: http://apps.cpe.ky.gov/temp_docs/prototypes/kyvl-mobile-nav/menu.html
Something I noticed when I test it on an iPhone, using Safari as the browser:
I tap once on "for educators" (for example)
the dropdown appears correctly, but then disappears
the neighboring dropdown appears, then disappears
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-navigation-responsive-and-touch-friendly.
Any ideas as to why this is happening?