Bootstrap

Сворачиваемая панель Bootstrap со значком состояния

Категория: Разработка
Опубликовано: 01.02.2018
484

Часто усердные поиски элементарного элемента управления в интернете дают огромное количество примеров, основанных на написании дополнительных скриптов на jQuery (или JavaScript). Это не является преступлением, но не так удобно, как использование чистого CSS. Проблема использования скриптов для оформления простых элементов особенно ощутима при разработке качественных модулей для CMS: когда один модуль должен быть загружен на страницу несколько раз, правильная загрузка скриптов оказывается серьезной головной болью, особенно в «живых» проектах.

Поэтому в данной статье будет описан простой способ создания сворачиваемой панели со значком, отображающим текущее состояние панели (свернута/развернута) при помощи нескольких строк чистого CSS.