
<script>
  ebucks.aboutAccordion();
</script>

{{#if items.travelcms2:faqTitle}}
  <h1>{{items.travelcms2:faqTitle}}</h1>
{{/if}}
{{#if items.travelcms2:faqSubTitle}}
  <h2>{{items.travelcms2:faqSubTitle}}</h2>
{{/if}}
{{#if items.travelcms2:faqIntro}}
  <p>{{items.travelcms2:faqIntro}}</p>
{{/if}}

<div id="faqAccord">
  {{#each items.travelcms2:faqSection}}
    <button class="aboutAcc" id="section-{{math @index "+" 1}}">{{this.items.travelcms2:sectionHeading}}</button>
    <div class="panel">
      <div class="spacer">
        {{#each this.items.travelcms2:sectionContent}}
          <button class="faqSection" id="section-{{math @../index "+" 1}}-{{math @index "+" 1}}">{{this.items.travelcms2:heading}}</button>
          <div class="faqPanel">
            {{{this.items.travelcms2:content.content}}}
          </div>
        {{/each}}
      </div>
    </div>
  {{/each}}
</div>