Страница с тестами. Компонент Аккордеон : Accordion.


С анимацией

  • Заголовок и еще немного текста

    Честное пионерское, хочу просто поделиться красотищей. Неумолимо приближается событие, которого ждут давно. Ждут все – журналисты, люди, интерес компьютерами, разработчики программ, да и пожалуй, каждый человек. Я говорю о выходе новой китайской операционной системы, под названием «Windows-Аккордеон». Аккордеон... прям праздник какой-то!

  • Заголовок 2

    Честное пионерское, хочу просто поделиться красотищей. Неумолимо приближается событие, которого ждут давно. Ждут все – журналисты, люди, интерес компьютерами, разработчики программ, да и пожалуй, каждый человек. Я говорю о выходе новой китайской операционной системы, под названием «Windows-Аккордеон». Аккордеон... прям праздник какой-то!

  • Заголовок 3

    Честное пионерское, хочу просто поделиться красотищей. Неумолимо приближается событие, которого ждут давно. Ждут все – журналисты, люди, интерес компьютерами, разработчики программ, да и пожалуй, каждый человек. Я говорю о выходе новой китайской операционной системы, под названием «Windows-Аккордеон». Аккордеон... прям праздник какой-то!

Множественный

  • Элемент 1

    Удовольствие для истинных эстетов: служители в резиновых сапогах вынимают из деревянных коробок Аккордеон, похожие на взбитые подушки и осторожно опускают в воду. И они расплываются по озеру, словно бумажные кораблики. Приятно понимать, что Аккордеон твой друг, когда он играет с твоими зовущему еще немножко, дабы успокоить ливень эмоций и скулящие глаза. Сейчас происходит самое важное.

  • Элемент 2

    Удовольствие для истинных эстетов: служители в резиновых сапогах вынимают из деревянных коробок Аккордеон, похожие на взбитые подушки и осторожно опускают в воду. И они расплываются по озеру, словно бумажные кораблики. Приятно понимать, что Аккордеон твой друг, когда он играет с твоими зовущему еще немножко, дабы успокоить ливень эмоций и скулящие глаза. Сейчас происходит самое важное.

  • Элемент 3

    Удовольствие для истинных эстетов: служители в резиновых сапогах вынимают из деревянных коробок Аккордеон, похожие на взбитые подушки и осторожно опускают в воду. И они расплываются по озеру, словно бумажные кораблики. Приятно понимать, что Аккордеон твой друг, когда он играет с твоими зовущему еще немножко, дабы успокоить ливень эмоций и скулящие глаза. Сейчас происходит самое важное.

Без анимации

  • Заголовок 1

    Честное пионерское, хочу просто поделиться красотищей. Неумолимо приближается событие, которого ждут давно. Ждут все – журналисты, люди, интерес компьютерами, разработчики программ, да и пожалуй, каждый человек. Я говорю о выходе новой китайской операционной системы, под названием «Windows-Аккордеон». Аккордеон... прям праздник какой-то!

  • Заголовок 2

    Честное пионерское, хочу просто поделиться красотищей. Неумолимо приближается событие, которого ждут давно. Ждут все – журналисты, люди, интерес компьютерами, разработчики программ, да и пожалуй, каждый человек. Я говорю о выходе новой китайской операционной системы, под названием «Windows-Аккордеон». Аккордеон... прям праздник какой-то!

  • Заголовок 3

    Честное пионерское, хочу просто поделиться красотищей. Неумолимо приближается событие, которого ждут давно. Ждут все – журналисты, люди, интерес компьютерами, разработчики программ, да и пожалуй, каждый человек. Я говорю о выходе новой китайской операционной системы, под названием «Windows-Аккордеон». Аккордеон... прям праздник какой-то!

Без закрытия

  • Элемент 1

    Удовольствие для истинных эстетов: служители в резиновых сапогах вынимают из деревянных коробок Аккордеон, похожие на взбитые подушки и осторожно опускают в воду. И они расплываются по озеру, словно бумажные кораблики. Приятно понимать, что Аккордеон твой друг, когда он играет с твоими зовущему еще немножко, дабы успокоить ливень эмоций и скулящие глаза. Сейчас происходит самое важное.

  • Элемент 2

    Удовольствие для истинных эстетов: служители в резиновых сапогах вынимают из деревянных коробок Аккордеон, похожие на взбитые подушки и осторожно опускают в воду. И они расплываются по озеру, словно бумажные кораблики. Приятно понимать, что Аккордеон твой друг, когда он играет с твоими зовущему еще немножко, дабы успокоить ливень эмоций и скулящие глаза. Сейчас происходит самое важное.

  • Элемент 3

    Удовольствие для истинных эстетов: служители в резиновых сапогах вынимают из деревянных коробок Аккордеон, похожие на взбитые подушки и осторожно опускают в воду. И они расплываются по озеру, словно бумажные кораблики. Приятно понимать, что Аккордеон твой друг, когда он играет с твоими зовущему еще немножко, дабы успокоить ливень эмоций и скулящие глаза. Сейчас происходит самое важное.

Параметры JavaScript

Опция Значение По умолчанию Описание
targets CSS selector > * Элемент(ы) для переключения.
active Number false Индекс элемента, который нужно открыть изначально.
collapsible Boolean true Разрешить закрытие всех элементов.
multiple Boolean false Разрешить несколько открытых позиций.
transition String ease Эффект перехода.
animation String true Разделенные пробелами названия анимаций для использования. (Запятая отдельно для анимации)
duration Number 200 Продолжительность анимации.