Выпадающее меню JQuery / CSS не отвечает на iPad / iPhone

Я разрабатывал и кодировал свой веб-сайт, и простое раскрывающееся меню не работает при просмотре сайта на iPad или iPhone.

Я осмотрелся и попытался реализовать некоторые онлайн-решения, например, фрагменты jquery, которые распознают, когда пользователь использует конкретный тип устройства, но безрезультатно.Я не уверен, что это потому, что эти методы устарели, или потому, что я делаю это неправильно (вероятно, последнее)

Рассматриваемый веб-сайт http://www.sotomayormac.com

вверху пункт меню: «Наше мышление» открывается в подменю по ссылке href = #. Он выделяется (a: hover) при нажатии на iPad / iPhone, но подменю не появляется. Я почти уверен, что это ключевая часть проблемы.

HTML-код для меню выглядит следующим образом:

 
 

Our thinking

    
Showcase
    
About us
    
Contact

соответствующий CSS:

#ddmenu {
background: #fff no no-repeat;
margin-left:50px;
padding: 0;
height:43px;
width:200px;
}

#ddmenu li {
float: left;
list-style: none;
margin-left:0px;
}

#ddmenu li a {
background:#fff;
display: block;
padding: 0px 0px;
text-decoration: none;
width: 70px;
color:#000;
white-space: nowrap;
text-align:left;
}

#ddmenu li a:hover {
background: #fff;
color:#666;
}

#ddmenu li ul {
margin: 10px 0 0 0px;
padding: 0;
position: absolute;
visibility: hidden;
width:600px;
}

#ddmenu li ul li {
display:inline;
}

#ddmenu li ul li a {
width: auto;
background: #fff  right no-repeat;
display: inline;
color: #000;
padding-right:10px;
}

#ddmenu li ul li a:hover {
background: #fff no-repeat;
color:#666;
}

и jquery:

//  li').bind('mouseover', ddmenu_open)
    $('#ddmenu > li').bind('mouseout',  ddmenu_timer)
});

document.onclick = ddmenu_close;
// ]]>

Думаю, на этом все. Я новичок в подобных вещах, поэтому любая помощь будет очень признательна. Вероятно, он смотрит мне прямо в лицо, но я не могу этого понять!

Приветствую

ВСЕМ jscript:

$(document).ready(function() {

});
$("#slideshow").css("overflow", "hidden");

$("ul#slides").cycle({
fx: 'fade',
speed: 2000,
timeout: 8000,
pause: true,
prev: '#prev',
next: '#next',
after:     onAfter
});

function onAfter(curr,next,opts) {
var caption =(opts.currSlide + 1) + ' / ' + opts.slideCount;
$('#caption').html(caption);
}

$(".button").hover(function() {
    $(this).attr("src","socialnetworks_hover_03.gif");
        }, function() {
    $(this).attr("src","socialnetworks_05.gif");
});

//  li').bind('click', ddmenu_toggle);
} else {
    $('#ddmenu > li').bind('mouseover', ddmenu_open);
    $('#ddmenu > li').bind('mouseout',  ddmenu_timer);  
}
});

document.onclick = ddmenu_close;
// ]]>