From cf3235984a86ea18aa5068265e1ca06ae8a727db Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 02:26:46 +0000
Subject: [PATCH] Fix accordion panel toggle with simplified, more reliable
 approach

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

diff --git a/admin/settings.php b/admin/settings.php
index 06ee194..d060f7f 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -742,27 +742,26 @@ function wp_allstars_settings_page() {
 
                     <script>
                     jQuery(document).ready(function($) {
-                        // Handle click events
+                        // Set initial state
+                        $('.wp-allstars-toggle-settings').hide();
+                        
                         $('.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 = $button.attr('aria-expanded') === 'true';
                             
-                            // Update state
+                            // Toggle panel visibility
+                            $panel.stop().slideToggle(200);
+                            
+                            // Toggle aria-expanded
+                            var isExpanded = $button.attr('aria-expanded') === 'true';
                             $button.attr('aria-expanded', !isExpanded);
                             
-                            // Update icon (keep the working rotation logic)
+                            // Rotate icon
                             $icon.css('transform', !isExpanded ? 'rotate(180deg)' : '');
-                            
-                            // Toggle panel with animation
-                            if (!isExpanded) {
-                                $panel.slideDown(200);
-                            } else {
-                                $panel.slideUp(200);
-                            }
                         });
                     });
                     </script>