From 1639cca7833578e3c9779320cac58f52309f6b99 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 01:44:19 +0000
Subject: [PATCH] Fix accordion animation and chevron icon state issues

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

diff --git a/admin/settings.php b/admin/settings.php
index 372c3be..aacbf95 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -756,25 +756,19 @@ function wp_allstars_settings_page() {
                                      .toggleClass('dashicons-arrow-down-alt2', !isExpanded);
                                 
                                 // Handle click events
-                                $button.on('click', function(e) {
+                                $button.off('click').on('click', function(e) {
                                     e.preventDefault();
                                     e.stopPropagation();
                                     
                                     isExpanded = !isExpanded;
                                     $button.attr('aria-expanded', isExpanded);
                                     
-                                    // Animate icon rotation
-                                    $icon.css('transform', isExpanded ? 'rotate(180deg)' : 'rotate(0deg)');
+                                    // Update icon classes
+                                    $icon.removeClass('dashicons-arrow-up-alt2 dashicons-arrow-down-alt2')
+                                         .addClass(isExpanded ? 'dashicons-arrow-up-alt2' : 'dashicons-arrow-down-alt2');
                                     
                                     // Animate panel
-                                    $panel.slideToggle(200, function() {
-                                        // Ensure panel is properly shown/hidden after animation
-                                        if (isExpanded) {
-                                            $panel.show();
-                                        } else {
-                                            $panel.hide();
-                                        }
-                                    });
+                                    $panel.slideToggle(200);
                                 });
                             });
                         }
@@ -849,10 +843,15 @@ function wp_allstars_settings_page() {
                         line-height: 16px;
                     }
 
+                    .wp-allstars-expand-settings .dashicons-arrow-up-alt2 {
+                        transform: rotate(180deg);
+                    }
+
                     .wp-allstars-toggle-settings {
                         border-top: 1px solid #ccd0d4;
                         padding: 15px;
                         background: #f9f9f9;
+                        display: none;
                     }
 
                     .wp-allstars-toggle .description {