Как сделать выпадающее меню при нажатии (не при наведении)

[Alfa2015]

Как сделать выпадающее меню при нажатии, а не при наведении?
То есть, вот пример, меню: http://cssor.ru/examples/cssmenu/cssmenu.htm здесь меню выпадает при наведении.

А мне нужно, чтобы нажав на пункт меню отобразились подпункты и так и оставались.При наведении не надо.

Ставила свойство active, но оно при нажатии появляется и тут же исчезает.

Edited March 20, 2015 by Alfa2015

[Great Rash]

:focus

[Alfa2015]

:focus

 

Не помогает

[afdw]

 

:focus

 

Не помогает

 

Почему?

Edited March 22, 2015 by afdw

[Alfa2015]

Не работает. Ничего не высвечивается. http://cssdeck.com/labs/csex1jg5

Edited March 23, 2015 by Alfa2015

[Great Rash]

a:focus ~ ul li {

  display: block;

  position:absolute;

  left: 0;

  float: none;

  margin: 30px 0 0 0;

}

[forest_moss]

Можно при помощи :target

#submenu{display:none}#submenu:target{display:block}

<a href="#submenu">something</a>

Прадва IE до 9й версии этого не ест, но он вообще почти ничего не ест)

(хотя ест ли в девятой не знаю, может и там нет)

[Zverushka]

Мне кажется здесь не обойтись без Javascript. Дело в том, что при первом клике по пункту меню оно открывается, а при втором - не закрывается. Это вызовет у пользователя недоумение и раздражение. 

[SelenIT]

оно при нажатии появляется и тут же исчезает

 

В принципе, существует вот такой финт/хак, чтобы это обойти. Но да, с JS проще и логичнее, всё-таки это уже конкретное поведение, а не просто состояние.

[forest_moss]

Мне кажется здесь не обойтись без Javascript. Дело в том, что при первом клике по пункту меню оно открывается, а при втором - не закрывается. Это вызовет у пользователя недоумение и раздражение.

:target закрывется при нажатии на любую другую ссылку, даже вымышленную.

Так что закрыть его проще простого: помещаете в субменю невидимый элемент с выдуманной ссылкой (например <a href="#close">, при этом элемента "close"не существует, это рендомное слово). Вуаля, при нажатии на невидимый элемент субменю пропадает. Все что еще осталось - это спозиционировать невидику на место кнопки меню.