From e50f82ed7063c7401a04f863592be86df031d116 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 02:24:31 +0000
Subject: [PATCH] Fix accordion panel to properly stay open/closed while
 preserving chevron rotation

---
 admin/settings.php | 34 +++++++++++-----------------------
 1 file changed, 11 insertions(+), 23 deletions(-)

diff --git a/admin/settings.php b/admin/settings.php
index c6f4b49..06ee194 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -742,23 +742,6 @@ 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();
@@ -768,13 +751,18 @@ function wp_allstars_settings_page() {
                             var $icon = $button.find('.dashicons');
                             var isExpanded = $button.attr('aria-expanded') === 'true';
                             
-                            // Toggle state
-                            isExpanded = !isExpanded;
-                            $button.attr('aria-expanded', isExpanded);
-                            $icon.css('transform', isExpanded ? 'rotate(180deg)' : '');
+                            // Update state
+                            $button.attr('aria-expanded', !isExpanded);
                             
-                            // Animate panel
-                            $panel.slideToggle(200);
+                            // Update icon (keep the working rotation logic)
+                            $icon.css('transform', !isExpanded ? 'rotate(180deg)' : '');
+                            
+                            // Toggle panel with animation
+                            if (!isExpanded) {
+                                $panel.slideDown(200);
+                            } else {
+                                $panel.slideUp(200);
+                            }
                         });
                     });
                     </script>