CSSはクリック時にその位置に留まります

Question

CSSではなく、jQueryでこれを行う必要があります.Divをクリックすると、で言うことができる方法はdisplay: block;である必要がありますか？

私は:activeを使用し、それは私が必要なものではなかったので、私はあなたたちがこれを行うには、他の方法を知っている願っています:)

PS：NOT jQueryの、IN！

コード：

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

Answer 1

は、あなたが使用できるチェックボックストリック

<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; 
} 

フォーカス方法：

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

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

あなたは位置やディスプレイを使用して、チェックボックスを非表示にすることができます なし。 デモの詳細はこちらhttp://tympanus.net/codrops/2012/12/17/css-click-events/