Refactor code structure for improved readability and maintainability; removed redundant code blocks and optimized function calls.

assets/admin.js

@@ -23,17 +23,37 @@ document.querySelector('.responsive-toggle').onclick = event => {
 document.querySelectorAll('.tabs a').forEach((element, index) => {
     element.onclick = event => {
         event.preventDefault();
-        document.querySelectorAll('.tabs a').forEach(element => element.classList.remove('active'));
-        document.querySelectorAll('.tab-content').forEach((element2, index2) => {
-            if (index == index2) {
-                element.classList.add('active');
-                element2.style.display = 'block';
-            } else {
-                element2.style.display = 'none';
-            }
+        
+        // Toggle the clicked tab
+        const isActive = element.classList.contains('active');
+        const tabContent = document.querySelectorAll('.tab-content')[index];
+        
+        // Remove active class from all tabs and contents
+        document.querySelectorAll('.tabs a').forEach(el => el.classList.remove('active'));
+        document.querySelectorAll('.tab-content').forEach(content => {
+            content.classList.remove('active');
+            content.style.display = 'none';
         });
+        
+        // If it wasn't active, make it active (collapsible behavior)
+        if (!isActive && tabContent) {
+            element.classList.add('active');
+            tabContent.classList.add('active');
+            tabContent.style.display = 'block';
+        }
     };
 });
+
+// Initialize first tab as open by default
+if (document.querySelectorAll('.tabs a').length > 0) {
+    const firstTab = document.querySelectorAll('.tabs a')[0];
+    const firstContent = document.querySelectorAll('.tab-content')[0];
+    if (firstTab && firstContent) {
+        firstTab.classList.add('active');
+        firstContent.classList.add('active');
+        firstContent.style.display = 'block';
+    }
+}
 if (document.querySelector('.filters a')) {
     let filtersList = document.querySelector('.filters .list');
     let filtersListStyle = window.getComputedStyle(filtersList);