Hello!

I'm having problem with website I creater - www.tokastudio.pl I know it's all in Polish but this is inrelevant.
Problem is that Apple stuff doesn't support option :hover, so this site simply doesn't work on iPhones, iPads etc.

Friend of mine wrote some JS to solve this:

$(function(){
$('#lewa > ul > li:has(ul) > a').bind({
click: function(){
$('.active').removeClass('active');
$(this).parent().addClass('active');
return false;
},
mouseover: function(){
$('.active ul').hide();
$(this).parent().find('ul').css('display','inline');
},
mouseout: function(){
$('.active ul').show();
$(this).parent().find('ul').css('display','none');
}
});
});

and also told me to change css ( li:hover to li:active).
This is fine, but code doesn't work correct - on click the menu opens, but when I take of the mouse it disappears again...

Can somebody help me with this?