Hello!
I’m having problem with website I creater – [url]www.tokastudio.pl
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?