From c126003d457862c2f1004c31f33f3acc43e6dd5f Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 02:12:35 +0000
Subject: [PATCH] Fix chevron icon rotation to use single 180-degree toggle

---
 admin/settings.php | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/admin/settings.php b/admin/settings.php
index 3682bdf..07dd2e4 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -743,19 +743,29 @@ function wp_allstars_settings_page() {
                     <script>
                     jQuery(document).ready(function($) {
                         // Handle accordion functionality
-                        $('.wp-allstars-expand-settings').on('click', function(e) {
-                            e.preventDefault();
-                            
+                        $('.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');
                             
-                            // Toggle panel
-                            $panel.slideToggle(200, function() {
-                                // Update state after animation completes
-                                var isExpanded = $panel.is(':visible');
+                            // Set initial state
+                            var isExpanded = $panel.is(':visible');
+                            $button.attr('aria-expanded', isExpanded);
+                            $icon.css('transform', isExpanded ? 'rotate(180deg)' : '');
+                            
+                            // Handle click events
+                            $button.on('click', function(e) {
+                                e.preventDefault();
+                                
+                                // Toggle panel
+                                $panel.slideToggle(200);
+                                
+                                // Toggle state
+                                isExpanded = !isExpanded;
                                 $button.attr('aria-expanded', isExpanded);
-                                $icon.css('transform', isExpanded ? 'rotate(180deg)' : 'rotate(0deg)');
+                                
+                                // Update icon rotation
+                                $icon.css('transform', isExpanded ? 'rotate(180deg)' : '');
                             });
                         });
                     });