У веб-дизайні гармошкою є тип меню, яке відображає список заголовків, розміщених один на одному. Якщо натиснути (або активувати взаємодію з клавіатурою чи програмою зчитування з екрана), ці заголовки відображатимуть або приховуватимуть пов’язаний вміст.5 січня 2024 р.
Компонент акордеона має два основних стани: згортався і розширювався. Піктограма шеврона на кінці акордеона вказує на те, в якому стані знаходиться акордеон. Шеврон спрямований вниз, щоб позначити згорнутий, і вгору, щоб позначити розгорнутий. Акордеони починаються за замовчуванням у згорнутому стані з усіма закритими панелями вмісту.
Компонент Tabs/accordion дає змогу відображати розділи вмісту у вигляді вкладок або у формі гармошки, що згортається, що означає, що ви можете додати більше вмісту на свою сторінку в такому самому просторі. Потім відвідувачі можуть вибрати вміст, який вони бажають переглянути, вибравши відповідну вкладку або заголовок акордеона.
Випадаючі списки та гармошки схожі: прихований вміст відкривається після події, наприклад натискання кнопки. Різниця в тому, що розкривний список буде лежати поверх іншого вмісту на сторінці, тоді як акордеон буде штовхати вміст вниз, щоб звільнити місце для себе.
Компонент Accordion відтворює розширюваний і згортаний розділ, який може містити інші компоненти. Цей компонент може бути корисним для економії місця та розбиття вмісту розширення. Текст назви баяна. Якщо встановлено значення true, акордеон буде відкрито під час початкового завантаження сторінки.
Ефект акордеона викликається, коли подія запуску відбувається в елементі заголовка. Подією, що запускає, є клацання миші. Підменю розширюється, щоб відобразити пункти меню під заголовком. Наступна подія запуску того самого елемента заголовка згортає меню під ним.