Как сделать аккордеон

Вот несколько красивых вариантов кода аккордеона для вашего сайта. Также вы сможете отредактировать эти меню в онлайн редакторе HTML прямо в этой статье. Многоуровневое вертикальное меню аккордеон.

Аккордеон со своей иконкой в Тильде

Аккордеоны полезны, когда вы хотите переключаться между скрытием и отображением большого объема контента:. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Чтобы сделать анимированный аккордеон, добавьте max-height: 0 , overflow: hidden и transition для свойства max-height, к классу panel. Затем используйте JavaScript, чтобы скользить вниз по содержимому, задав вычисляемый max-height , в зависимости от высоты панели на разных размерах экрана:.

Итак, мы будем писать простой аккордеон на jQuery. Для этого я сделаю небольшой экскурс в теорию. Самые простые эффекты в jQuery это hide — show и slideUp и slideDown.

Поиск Настройки. Время на прочтение 7 мин. Recovery Mode.

Похожие статьи

• Ульи видео лежаки
• Схема вышивок графики - На этой странице представлены схемы вышивки с тегом «графика»
• Установка колес на лодку пвх
• Каркасный дом 6на6 своими руками фото