Как реализовать вот такое вертикальное меню с подменю без JS?

Question

[AleninD]

Codepen Example
В примере submenu выпадает при наведении, как реализовать точно такой же вариант по клику. Допустим справа будет псевдоэлемент, по клику на который будет выпадать submenu?

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/pMdaXE - самоё лёгкое что я придумал

Comments

[Brad9aga]

а по другому не реализуешь

[Максим]

Brad9aga, да только на checkbox но можно на :focus ещё

[Brad9aga]

Максим Ленский,свернуть ты его не свернешь на фокусе, только кликом по другой области, так что фокус становится бесполезным

[Александр Маргинал]

Brad9aga, а на чекбоксах оно не свернётся при клике по другой области...

[Александр Маргинал]

Span лучше заменить на label и связать их через for

[Brad9aga]

Александр Маргинал, потеря фокуса. речь была о фокусе