Fix team accordion issue

Author: Erik2609

content/english/about/teams.md

@@ -93,8 +93,8 @@ team:
         name: Mackenzie Jorgensen PhD
         bio: |
           Postdoctoral Research Fellow, Northumbria University
-        accordion_content: ""
         linkedIn: "https://www.linkedin.com/in/mackenzie-j-447763142"
+        accordion_content: ""
       - image: /images/people/KProrokovic.jpeg
         name: Krsto Proroković
         bio: |
@@ -114,7 +114,9 @@ team:
         linkedIn: "https://www.linkedin.com/in/joelpersson"
         accordion_content: ""
   - title: Team software development
-    content: Part-time team working on software development, among others working on Algorithm Audit's tools and website
+    content: >-
+      Part-time team working on software development, among others working on
+      Algorithm Audit's tools and website
     icon: fas fa-code
     id: team-SD
     team_members:
@@ -174,7 +176,8 @@ team:
           Postdoctoral researcher AI, Media and Democracy Lab, University of
           Amsterdam
         linkedIn: "https://www.linkedin.com/in/laurens-naudts-9a935729"
-        accordion_content: ""
+        accordion_content: |
+          TEST
   - title: Executive team
     content: Full-time team coordinating the different activities of Algorithm Audit
     icon: fas fa-users
@@ -185,14 +188,16 @@ team:
         bio: |
           Director-board member
         linkedIn: "https://www.linkedin.com/in/jfparie/"
+        accordion_content: ""
       - image: /images/people/YRemmits.jpg
         name: Ylja Remmits
         bio: |
           Head of Projects
         linkedIn: "https://www.linkedin.com/in/ylja-remmits-21185188"
+        accordion_content: ""
 ---
 
-{{< about_AA id="about" >}}
+{{< about_AA >}}
 
 {{< team index="5" >}}
 

layouts/shortcodes/team.html

@@ -17,20 +17,20 @@ <h3 class="pl-3">{{ .title | markdownify }}
     </h3>
 
     {{ end }}
-
+    {{ $accordion_team_id := .id }}
     <!-- team members -->
     <div class="container-team mt-4">
       <p>{{ .content | markdownify }}</p>
       <div class="row">
-        {{ range .team_members }}
-        {{ if .accordion_id}}
+        {{ range $memberIndex, $teamMember := .team_members }}
+        {{ if .accordion_content }}
         <script>
           docReady(function () {
-            new Accordion('#accordion_area_team_{{.accordion_id}}');
+            new Accordion('#accordion_area_team_{{$accordion_team_id}}_{{$memberIndex}}');
           });
         </script>
         {{ end }}
-        <div class="col-md-6 col-12 team-member p-3 " id="accordion_area_team_{{.accordion_id}}">
+        <div class="col-md-6 col-12 team-member p-3 " id="accordion_area_team_{{$accordion_team_id}}_{{$memberIndex}}">
           <div class="row {{if .accordion_content}}ac{{end}}" style="border:none;">
             <div class="col-3">
               <img src="{{ .image | relURL }}" width="100%;" style="border-radius: 20px;">

tina/collections/shared/page/building_blocks.ts

@@ -648,13 +648,6 @@ const building_blocks: TinaField[] = [
             description:
               "If this field is filled, an accordion will be created to show more information",
           },
-          {
-            type: "string",
-            name: "accordion_id",
-            label: "Accordion ID",
-            description:
-              "Unique identifier needed to make the accordion work, e.g. use the person's name without spaces and include the team section in it, e.g. coreTeamJohnDoe",
-          },
         ],
       },
     ],