Files
medicalalert-web-reloaded/wp/wp-content/themes/medicalalert/tpl/faq_dropdown.tpl
2024-12-19 11:51:36 -08:00

40 lines
1.7 KiB
Smarty

<!-- FAQ Dropdown BEGIN -->
<section class="faq-dropdown-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container pb-5 mb-3">
<div class="row">
<div class="col">
<div class="accordion" id="accordionId">
{{#each questions}}
<div class="accordion-item">
<h3 class="accordion-header" id="heading-{{@index}}">
<button class="accordion-button {{#if @first}}{{else}}collapsed{{/if}}"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapse-{{@index}}"
aria-expanded="{{#if @first}}true{{else}}false{{/if}}"
aria-controls="collapse-{{@index}}">
{{question}}
</button>
</h3>
<div id="collapse-{{@index}}"
class="accordion-collapse collapse {{#if @first}}show{{else}}{{/if}}"
aria-labelledby="heading-{{@index}}"
data-bs-parent="#accordionId">
<div class="accordion-body f-black">
{{{answer}}}
</div>
</div>
</div>
{{/each}}
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Dropdown END -->
<script type="text/javascript">
$(window).on('load', function () {
$('#collapse-0').addClass("show");
});
</script>