Как скрыть/показать меню на css?

Question

[Артём]

Привет

Есть вертикальное меню https://jsfiddle.net/ixley/zufkd827/
По ссылке оно без стилей, думаю не страшно

Как сделать чтобы при разрешении 320px (экран iPhone 4s) скрывалось всё и оставалась только надпись Каталог, при клике на которую показывалась скрытая информация, а именно только Категория?

Бренд и Ссылку из .sub-menu показывать не нужно.

Comments

[Степан Крапивин]

с помощью комбинации свойств display:none/block; и :hover

[Степан Крапивин]

а стили для определённого разрешения назначаются с помощью медиазапросов

[Артём]

Степан: это я знаю, но как вы сделаете hover на айфоне?

[Степан Крапивин]

вот на этом сайте tourprom.ru сделано через :hover без js, на iphone работает при тапе на элементе меню. А также на узких экранах скрываются элементы, тоже без js

[Ankhena]

На телефонах :hover происходит при одиночном тапе.

Answer 1

[Артём]

В общем сделал с помощью jquery
https://jsfiddle.net/ixley/6cf4xf71/