Css Navigation and Iphone

[yopaljh]

I am really really new to java and css. I have a navigation menu that will not show up in Iphones. I have been working at this for months, with no success. The website in questions is http://bakersfield.kernhigh.org/Here are the scripts that I am using:\[code\] <script src="http://stackoverflow.com/questions/13821638/jquery-1.8.0.min.js"> $('menu li').bind('touchstart', function(){$(this).addClass('hover'); }).bind('touchend', function(){$(this).removeClass('hover'); });\[/code\]\[code\] <script type="text/javascript" src="http://stackoverflow.com/questions/13821638/jquery-1.8.0.min.js"></script> <script type="text/javascript">$(function() { if ($.browser.msie && $.browser.version.substr(0,1)<7) { $('li').has('ul').mouseover(function(){ $(this).children('ul').css('visibility','visible'); }).mouseout(function(){ $(this).children('ul').css('visibility','hidden'); }) } /* Mobile */ $('#menu-wrap').prepend('<div id="menu-trigger">Menu</div>'); $("#menu-trigger").on("click", function(){ $("#menu").slideToggle(); }); // iPad var isiPad = navigator.userAgent.match(/iPad/i) != null; if (isiPad) $('#menu ul').addClass('no-transition'); }); \[/code\]