From 2f111321577b27c3cd414f8bb94a092dcd551dad Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 02:21:41 +0000
Subject: [PATCH] Fix accordion panel state handling to ensure proper
 open/close behavior

---
 admin/settings.php | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/admin/settings.php b/admin/settings.php
index f20e1e7..c6f4b49 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -742,6 +742,24 @@ function wp_allstars_settings_page() {
 
                     <script>
                     jQuery(document).ready(function($) {
+                        // Set initial state without animation
+                        $('.wp-allstars-expand-settings').each(function() {
+                            var $button = $(this);
+                            var $panel = $button.closest('.wp-allstars-toggle').find('.wp-allstars-toggle-settings');
+                            var $icon = $button.find('.dashicons');
+                            var isExpanded = $button.attr('aria-expanded') === 'true';
+                            
+                            // Set initial state
+                            if (isExpanded) {
+                                $panel.show();
+                                $icon.css('transform', 'rotate(180deg)');
+                            } else {
+                                $panel.hide();
+                                $icon.css('transform', '');
+                            }
+                        });
+
+                        // Handle click events
                         $('.wp-allstars-expand-settings').on('click', function(e) {
                             e.preventDefault();
                             
@@ -750,7 +768,7 @@ function wp_allstars_settings_page() {
                             var $icon = $button.find('.dashicons');
                             var isExpanded = $button.attr('aria-expanded') === 'true';
                             
-                            // Update state before animation
+                            // Toggle state
                             isExpanded = !isExpanded;
                             $button.attr('aria-expanded', isExpanded);
                             $icon.css('transform', isExpanded ? 'rotate(180deg)' : '');