CSS

2016-04-06 30 views
0

üzerinde bu pozisyonda kalmak istiyorum Ben sadece CSSjQuery içinde yapmam gerekiyor, bir div 'ı tıklattığımda CSS içinde başka bir div display: block; olması gerektiğini söyleyebilirim?CSS

Ben sadece :active kullanılır, ama ne gerekli değildi, bu yüzden siz bunu yapmak için bir başka yolu

PS :) biliyorum umut: DEĞİL jQuery İÇİNDE!

Kodu:

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

Olası yinelenen [CSS içinde onclick etkisi olabilir mi?] (Http://stackoverflow.com/questions/13630229/can-i-have-an-onclick-effect- in-css) – Vucko

+0

Bu gönderiyi görmüştüm ama kullanamam. Alt menüde olduğu gibi, farenin yalnızca fareyle üzerine gelmediği zaman da görüntülenmelidir. –

cevap

0

kullanabilirsiniz Onay Kutusu hile

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

Odak yolu:

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

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

Sen pozisyon veya ekran kullanarak onay kutusunu gizleyebilirsiniz Yok. burada demolar ile daha fazla ayrıntı bakın http://tympanus.net/codrops/2012/12/17/css-click-events/

+0

Gerçekten onay kutusunu almıyorum: s –

+0

Lenap, Düzenledim. Buradaki fikir, etikete tıkladığınızda onay kutusunu açar/kapatır. –