fix for multiple foldables on the same page

#594 (reply in thread)

Author: lovasoa

sqlpage/templates/foldable.handlebars

@@ -1,18 +1,18 @@
 <div class="accordion mb-4 {{class}}" {{#if id}}id="{{id}}"{{/if}}>
     {{#each_row}}
     <div class="accordion-item {{class}}" {{#if id}}id="{{id}}"{{/if}}>
-        <h2 class="accordion-header" id="heading-{{@row_index}}">
+        <h2 class="accordion-header" id="heading-{{@component_index}}-{{@row_index}}">
             <button class="accordion-button {{#if (not expanded)}}collapsed{{/if}}" type="button" data-bs-toggle="collapse"
-                data-bs-target="#collapse-{{@row_index}}" aria-controls="collapse-{{@index}}">
+                data-bs-target="#collapse-{{@component_index}}-{{@row_index}}" aria-controls="collapse-{{@component_index}}-{{@row_index}}">
                 {{~#if title~}}
                     {{title}}
                 {{~else~}}
                     {{@row_index}}
                 {{/if}}
             </button>
         </h2>
-        <div id="collapse-{{@row_index}}" class="accordion-collapse collapse {{#if expanded}}show{{/if}}"
-            aria-labelledby="heading-{{@row_index}}"
+        <div id="collapse-{{@component_index}}-{{@row_index}}" class="accordion-collapse collapse {{#if expanded}}show{{/if}}"
+            aria-labelledby="heading-{{@component_index}}-{{@row_index}}"
             data-bs-parent="#{{default id 'accordion_default'}}"
         >
             <div class="accordion-body">