Du benutzt zum rausfahren auschliesslich :hover .... das gibt es auf mobilen Geräten nicht (auch wenn es teilweise unter Android funktioniert).
So etwas löse ich mittels modernizer (zur Feature-Erkennung) ... könnte z.B. so aussehen (jQuery):
Code:
$(document).ready(function () {
if((Modernizr.touch) || (window.navigator.msPointerEnabled)) {
/* Funktionen für touch z.B.: $('#id').touch(function{$('html').addClass('showinfo');}); */
} else {
/* Funktionen wenn non-touch z.B.: $('#id').mouseover(function{$('html').addClass('showinfo');}); */
}
});
Dazu folgende Infos:
Lesezeichen