Как сделать выезжающий сайдбар на чистом CSS?

Question

[Shine_97]

Есть ли возможность сделать на чистом CCS (без JS и т.д.) так, чтобы при нажатии на кнопку в шапке выезжало сжатое меню

а при наведении на строку с иконкой появлялось вот такое расширенное


Подскажите, пожалуйста, возможно ли такое реализовать на CSS? Ссылка на CodePen

Comments

[runprogr]

Можно, но придется заморачиваться и тратить дополнительное время. Легче и быстрее все сделать с добавлением классов на js

[Ankhena]

Есть :target https://waksoft.susu.ru/2016/07/16/tvorcheskoe-isp...
Есть решение через input:cheched
Но клик по кнопке разумнее делать через js.

Answer 1

[Александр]

Можно использовать :checked
Пример: https://jsfiddle.net/huknxpf2/

PS Для того, чтобы IE нормально работал при нажатии, label должен находиться по соседству (sibling) с checkbox.