mobile version of nav - jQuery not identifying correct <ul>
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:
- 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-navig...touch-friendly.
Any ideas as to why this is happening?