Закрыть подменю на сенсорном чистом CSS3

Question

Мне просто интересно, можно ли закрыть подменю, снова нажав на его имя? Я делаю горизонтальное меню веб-сайта с несколькими подменю в нем. В режиме li: hover - подменю открывается, и закрывается, если был затронут другой элемент. Но как закрыть такое же меню, нажав тот же элемент списка? Можно ли сделать это на чистом CSS3? ..

Спасибо.

Answer 1

Вы можете (ошибочно) использовать входной элемент (галочка) с атрибутом CSS: проверено, так что-то вроде:

.input-list-item + .list-below { display: none; } 
.input-list-item:checked + .list-below { display: block; } 

поддержки в современных браузерах и (с правой DOCTYPE) IE9 +