В заметке представлены раскрывающиеся/закрывающиеся блоки с различным контентом. Эти блоки можно использовать в навигации, в различных слайдерах или просто для скрытия определенных элементов на странице до нажатия на ссылку. Можно встретить различные названия подобных плагинов, но чаще всего их называют аккордеоны (из-за сходства эффекта) или экспандеры.

Сегодня я поделюсь с вами 19-ю интересными решениями, реализованными с помощью jQuery. Применение этим потрясающим функциональным аккордеонам, можно при желании найти практически в любом проекте. Наслаждайтесь.

1. JavaScript плагин аккордеон «TinyAccordion»

Отображение информации с эффектом аккордеона. Поддержка нескольких уровней.

2. jQuery плагин «Easy Expand»

Плагин для реализации раскрывающейся области. Контент появляется при нажатии на ссылку.

3. Красивый слайдер-аккордеон на jQuery

4. jQuery плагин аккордеон «Jaws»

Плагин для реализации блока последних новостей с эффектом аккордеона и постраничным разбиением.

5. CSS jQuery аккордеон

Аккуратный аккордеон с использованием jQuery.

6. jQuery плагин «liteAccordion»

Создание слайдеров изображений в стиле горизонтального аккордеона. Три различных варианта плагина можете посмотреть на демонстрационной странице.