Клас .collapse вказує на елемент, який можна згорнути (a <div> у нашому прикладі); це вміст, який буде показано або приховано одним натисканням кнопки. Щоб контролювати (показувати/приховувати) вміст, що згортається, додайте атрибут data-toggle="collapse" до елемента <a> або <button>.
The Тег деталей HTML це елемент HTML, який використовується для створення розділу вмісту на сторінці, що згортається. Це як цифровий тумблер, який дозволяє користувачам розгортати або згортати додаткову інформацію одним клацанням. <details> є основним елементом контейнера. Він інкапсулює вміст, який потрібно зробити розширюваним і згортаним.
Анімований складний (слайд вниз)
- змінна i; for (i = 0; i <col. length; i++) {col[i]. addEventListener("click", function() { this. …
- toggle("активний"); змінний вміст = це. nextElementSibling; якщо (зміст.
- стиль. maxHeight){ вміст. стиль. maxHeight = null; …
- вміст. стиль. maxHeight = вміст. scrollHeight + "px"; }
Теги HTML для створення акордеона З HTML5 можна використовувати деталі та підсумкові теги створювати гармошки. Тег деталей є оболонкою, що містить акордеонний вміст і спочатку згорнутий. Підсумковий тег використовується як акордеонний заголовок або заголовок і відображається на сторінці, за винятком того, що гармошку можна натиснути.
<section> Тег HTML Елемент <section> є структурним елементом HTML, який використовується для групування пов’язаних елементів. Кожен <section> зазвичай включає один або більше елементів заголовка та додаткові елементи, що представляють пов’язаний вміст.
Клас .collapse вказує на згорнутий елемент (у нашому прикладі <div>); це вміст, який буде показано або приховано одним натисканням кнопки. Щоб контролювати (показати/приховати) вміст, що згортається, додати атрибут data-toggle="collapse" до елемента <a> або <button>.