diff --git a/packages/schemas/resources/views/components/section.blade.php b/packages/schemas/resources/views/components/section.blade.php
index c41c295c42..168f701ddd 100644
--- a/packages/schemas/resources/views/components/section.blade.php
+++ b/packages/schemas/resources/views/components/section.blade.php
@@ -16,13 +16,14 @@
     $iconSize = $getIconSize();
     $shouldPersistCollapsed = $shouldPersistCollapsed();
     $isSecondary = $isSecondary();
+    $id = $getId();
 @endphp
 
 <div
     {{
         $attributes
             ->merge([
-                'id' => $getId(),
+                'id' => $id,
             ], escape: false)
             ->merge($getExtraAttributes(), escape: false)
             ->merge($getExtraAlpineAttributes(), escape: false)
@@ -46,10 +47,10 @@
     @endif
 
     <x-filament::section
-        :id="$getId() . '::section-ctn'"
         :after-header="$afterHeader"
         :aside="$isAside"
         :collapsed="$isCollapsed"
+        :collapse-id="$id"
         :collapsible="$isCollapsible && (! $isAside)"
         :compact="$isCompact"
         :contained="$isContained"
diff --git a/packages/support/resources/views/components/section/index.blade.php b/packages/support/resources/views/components/section/index.blade.php
index f00587e6c8..76efc628d8 100644
--- a/packages/support/resources/views/components/section/index.blade.php
+++ b/packages/support/resources/views/components/section/index.blade.php
@@ -10,6 +10,7 @@
     'afterHeader' => null,
     'aside' => false,
     'collapsed' => false,
+    'collapseId' => null,
     'collapsible' => false,
     'compact' => false,
     'contained' => true,
@@ -41,14 +42,14 @@
 <section
     {{-- TODO: Investigate Livewire bug - https://github.com/filamentphp/filament/pull/8511 --}}
     x-data="{
-        isCollapsed: @if ($persistCollapsed) $persist(@js($collapsed)).as(`section-${$el.id}-isCollapsed`) @else @js($collapsed) @endif,
+        isCollapsed: @if ($persistCollapsed) $persist(@js($collapsed)).as(`section-${@js($collapseId) ?? $el.id}-isCollapsed`) @else @js($collapsed) @endif,
     }"
     @if ($collapsible)
-        x-on:collapse-section.window="if ($event.detail.id == $el.id) isCollapsed = true"
+        x-on:collapse-section.window="if ($event.detail.id == @js($collapseId) ?? $el.id) isCollapsed = true"
         x-on:expand="isCollapsed = false"
-        x-on:expand-section.window="if ($event.detail.id == $el.id) isCollapsed = false"
-        x-on:open-section.window="if ($event.detail.id == $el.id) isCollapsed = false"
-        x-on:toggle-section.window="if ($event.detail.id == $el.id) isCollapsed = ! isCollapsed"
+        x-on:expand-section.window="if ($event.detail.id == @js($collapseId) ?? $el.id) isCollapsed = false"
+        x-on:open-section.window="if ($event.detail.id == @js($collapseId) ?? $el.id) isCollapsed = false"
+        x-on:toggle-section.window="if ($event.detail.id == @js($collapseId) ?? $el.id) isCollapsed = ! isCollapsed"
         x-bind:class="isCollapsed && 'fi-collapsed'"
     @endif
     {{