Как сделать, что бы меню появлялось при нажатии на кнопку «Меню», на CSS?

Question

[Сергей Минаков]

Мне нужно, что бы по нажатию на кнопку 'Меню'(если её нет, то уменьшите размер окна, меню адаптивное) появлялись пункты меню.
Меню на jsfiddle.net

'Меню' - #touch-menu
Пункты меню - .nav

Нужно сделать это с помощью css. Я сделал это на JavaScript на этом сайте (уменьшайте размер окна браузера, меню адаптивное).

Answer 1

[Денис]

Допустим

#touch-menu:focus + nav .nav {
display: block;
}

Comments

[Сергей Минаков]

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

[Андрей Б.]

Сергей Минаков Никак, с фокуса снять можно будет только кликнув/тапнуть в не элемента. Делайте через input checkbox и label с псевдоклассом :checked. Скрывайте его на десктопе просто и все. Либо JS.

[Сергей Минаков]

Андрей Б.: Ладно с этим я разберусь. Когда я нажимаю на пункт меню, я не перехожу по ссылке. Меня отправляет на ссылку кнопки 'Меню' .