From 4dd53e0185f303483b5e64f410fe7352a434461f Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 02:05:34 +0000
Subject: [PATCH] Fix accordion animation and icon rotation with simplified
 state management

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

diff --git a/admin/settings.php b/admin/settings.php
index a33432c..6d50e46 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -742,24 +742,21 @@ function wp_allstars_settings_page() {
 
                     <script>
                     jQuery(document).ready(function($) {
+                        // Handle accordion functionality
                         $('.wp-allstars-expand-settings').on('click', function(e) {
                             e.preventDefault();
-                            e.stopPropagation();
                             
                             var $button = $(this);
                             var $panel = $button.closest('.wp-allstars-toggle').find('.wp-allstars-toggle-settings');
                             var $icon = $button.find('.dashicons');
-                            var isExpanded = $panel.is(':visible');
                             
-                            // Toggle panel with animation
-                            $panel.slideToggle(200);
-                            
-                            // Update button state
-                            $button.attr('aria-expanded', !isExpanded);
-                            
-                            // Update icon
-                            $icon.toggleClass('dashicons-arrow-down-alt2', isExpanded)
-                                 .toggleClass('dashicons-arrow-up-alt2', !isExpanded);
+                            // Toggle panel
+                            $panel.slideToggle(200, function() {
+                                // Update state after animation completes
+                                var isExpanded = $panel.is(':visible');
+                                $button.attr('aria-expanded', isExpanded);
+                                $icon.toggleClass('is-expanded', isExpanded);
+                            });
                         });
                     });
                     </script>
@@ -828,6 +825,10 @@ function wp_allstars_settings_page() {
                         transition: transform 0.2s ease;
                     }
 
+                    .wp-allstars-expand-settings .dashicons.is-expanded {
+                        transform: rotate(180deg);
+                    }
+
                     .wp-allstars-toggle-settings {
                         border-top: 1px solid #ccd0d4;
                         padding: 15px;