CSS bleiben in dieser Position auf klicken

Ich muss dies nur in CSS nicht in jQuery tun, gibt es eine Möglichkeit, dass, wenn ich auf ein div klicken kann ich in CSS sagen, dass ein anderes div display: block; sein muss?CSS bleiben in dieser Position auf klicken

Früher habe ich nur :active, aber es war nicht das, was ich brauchte, so dass ich hoffe, euch kennen eine andere Art und Weise dieses

PS zu tun :): NICHT IN jQuery!

Code:

.dropdown-submenu:active > .dropdown-menu { 
    display: block; 
}

Quelle

2016-04-06 Anonymous

Mögliche Duplikate von [Kann ich einen onclick-Effekt in CSS haben?] (Http://stackoverflow.com/questions/13630229/can-i-have-anonclick-effect- in-css) – Vucko

Ye Ich habe diesen Beitrag gesehen, aber ich konnte ihn nicht benutzen. es muss genau wie das Untermenü auch angezeigt werden, wenn die Maus nicht nur auf mousedown ist. –

Sie können Checkbox verwenden Trick

<input type="checkbox" id="toggle"> 
<label for="toggle">Click me!</label> 
<div class="dropdown-menu">Contain</p> 


.dropdown-menu { 
    display: none; 
} 

input[type=checkbox]:checked ~ .dropdown-menu { 
    display: block; 
} 

input[type=checkbox] { 
    position: absolute; 
    top: -9999px; 
    left: -9999px; 
} 

label { 
    display: block; 
    font-weight: bold; 
}

Der Fokus Weg:

<span tabindex="0">Click button</span> 
<div class="dropdown-menu">Contain</p> 

span:focus ~ .dropdown-menu { 
    display: block; 
}

Sie können das Kontrollkästchen verstecken Position oder Anzeige mit keiner. Weitere Details mit Demos hier http://tympanus.net/codrops/2012/12/17/css-click-events/

Quelle

2016-04-06 06:49:47

Ich nicht wirklich den Weg der Checkbox bekommen: s –

Lenap, ich bearbeitet. Die Idee ist, wenn Sie auf Label klicken, aktiviert/deaktiviert das Kontrollkästchen. –

CSS bleiben in dieser Position auf klicken

Antwort

Verwandte Themen