Div mit css konzentrieren
HTML
<div class="div1">
<ul class="dropdown">
<li>example</li>
</ul>
<div>
CSS
.dropdown{
visibility: hidden
}
.div1:focus .dropdown{
visibility: visible
}
Ich versuche zu machen, klicken Sie auf Ereignis in css durch den Fokus, ohne jquery und ich brauche Sie, wenn ich bin klicken auf div1 es verstecken sich ein dropdown ul.
Gibt es eine Möglichkeit, das zu tun?
- Wenn das div war ein Anker, dann ist es :besucht würde, dir geholfen zu haben. Im Fall von div, denken müssen.
- mögliche Duplikate von " Ein - / ausblenden von div auf Klick mit CSS
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie nicht tun, mit "focus", aber Sie können tun, dass mit "aktiv". Aktiv wird akzeptiert von den meisten Browsern, wie dem "click" - Ereignis (also während Sie auf ein element, an das es aktiv ist).
Überprüfen Sie den code unten. Ich habe gerade getestet mit Chrome und es funktioniert, wie Sie soll. Auch getestet mit Internet-Explorer; es "sort-of" - funktioniert mit dieser auch (der zweite Selektor speziell für den IE).
Hoffe, das hilft Ihnen heraus. Viel Glück!
HTML:
Was über die Verwendung von javascript
JSFiddle: http://jsfiddle.net/4Ls0ygp3/