Dropdown Probleme

[Xardas der Dunkle]

hast dann aber den Nachteil, dass es auf mobilen Endgeräten unbedienbar ist

...

Ist nicht ganz richtig. Unter iOS wird das :hover bei tab gesetzt. Unter android funktioniert das nicht ganz so gut, insb. wenn es sich bei dem gehoverten element um einen link handelt, in diesem Fall öffnet er zwar das per :hover-Eingeblendete Element aber verfolgt dann direkt den Link.

Für Android kann man als workaround eine checkbox und ein label benutzen:

HTML-Code:

<label for="menubox">Menü</label>
<input type="checkbox" id="menubox" />
<ul id="menu">...</ul>

Code (css):

 
#menu {
     display: none;
}
 
#menubox:checked ~ ul#menu {
    display: block;
}
 

[pweiler]

Hi Leute, ja, danke mit dem Selektor .dropit-open klappt es nun.

Danke an alle.