Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Fix FAQ accordion structure (#2388)

Browse Source
This commit is contained in:
Paweł Kuna
2025-05-18 21:16:23 +02:00
committed by GitHub
parent 0d106a89b7
commit 9007e73cb6
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/witty-eyes-sin.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fix FAQ accordion structure

13
preview/pages/faq.html
View File

@@ -13,13 +13,18 @@ permalink: faq.html
{% assign categories-loop = forloop %} {% assign categories-loop = forloop %}
<div> <div>
<h2 class="mb-3">{{ categories-loop.index }}. {{ category.name }}</h2> <h2 class="mb-3">{{ categories-loop.index }}. {{ category.name }}</h2>
<div id="faq-{{ categories-loop.index }}" class="accordion" role="tablist" aria-multiselectable="true"> <div id="faq-{{ categories-loop.index }}" class="accordion accordion-tabs" role="tablist" aria-multiselectable="true">
{% for question in category.questions %} {% for question in category.questions %}
{% assign questions-loop = forloop %} {% assign questions-loop = forloop %}
<div class="accordion-item"> <div class="accordion-item">
<button class="accordion-header{% unless questions-loop.index == 1 %} collapsed{% endunless %}" data-bs-toggle="collapse" data-bs-target="#faq-{{ categories-loop.index }}-{{ questions-loop.index }}" role="tab"> <div class="accordion-header">
<h4 class="accordion-header-text">{{ question.question }}</h4> <button class="accordion-button{% unless questions-loop.index == 1 %} collapsed{% endunless %}" data-bs-toggle="collapse" data-bs-target="#faq-{{ categories-loop.index }}-{{ questions-loop.index }}" role="tab">
</button> {{ question.question }}
<div class="accordion-button-toggle">
{% include "ui/icon.html" icon="chevron-down" %}
</div>
</button>
</div>
<div id="faq-{{ categories-loop.index }}-{{ questions-loop.index }}" class="accordion-collapse collapse{% if questions-loop.index == 1 %} show{% endif %}" role="tabpanel" data-bs-parent="#faq-{{ categories-loop.index }}"> <div id="faq-{{ categories-loop.index }}-{{ questions-loop.index }}" class="accordion-collapse collapse{% if questions-loop.index == 1 %} show{% endif %}" role="tabpanel" data-bs-parent="#faq-{{ categories-loop.index }}">
<div class="accordion-body pt-0"> <div class="accordion-body pt-0">
<div> <div>