CSS Javascript menus do not work on the iPhone / iPad

Go to this site: http://www.frcds.org/

All works fine with the pulldown navigation menu. At least on the PC and Mac. However, the menus do not expand on the iPhone or iPad. Any suggestions?
msukowAsked:
Who is Participating?
 
LAMASECommented:
The js code that opens the menu is looking for the "mouseover" event, wich obviously cannot be fired on iPhone/iPad.

I suggest you to change script and use jQuery with something like

$('#menuitem1').bind('mouseover, click', function() {
  $('#submenu1').fadeIn();
})

You will need to place the submenu by yourself with css (remember "position: absolute")
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.