Files
medicalalert-web-reloaded/wp/wp-content/themes/medicalalert/tpl/faq_dropdown.tpl
2024-06-17 14:43:43 -04:00

33 lines
1.2 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">
<div class="row">
<div class="col">
<div class="accordion" id="accordionId">
{{#each questions}}
<div class="accordion-item mb-2">
<h3 class="accordion-header" id="heading-{{@index}}">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{@index}}" aria-expanded="true" aria-controls="{{@index}}">
{{question}}
</button>
</h3>
<div id="collapse-{{@index}}" class="accordion-collapse collapse" aria-labelledby="heading-{{@index}}" data-bs-parent="#accordionId">
<div class="accordion-body">
{{{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>