add toggle categories

lzipus/src/browser_action/popup.js

@@ -350,4 +350,37 @@ themeToggle.addEventListener('click', () => {
 
 document.addEventListener('DOMContentLoaded', () => {
     applySavedTheme();
-});
+});
+
+document.querySelectorAll('.category h3').forEach(function(header) {
+  const categoryId = header.textContent.trim(); // Уникальный идентификатор категории по названию
+  
+  // Проверка состояния категории при загрузке страницы
+  const isCategoryOpen = localStorage.getItem(categoryId) === 'true';
+  const content = header.nextElementSibling; // Содержимое категории
+  const icon = header.querySelector('.toggle-icon'); // Иконка стрелки
+
+  // Если категория была открыта ранее, делаем ее открытой
+  if (isCategoryOpen) {
+      content.classList.add('show');
+      icon.classList.remove('fa-chevron-down');
+      icon.classList.add('fa-chevron-up');
+  }
+
+  // Обработчик клика по заголовку категории
+  header.addEventListener('click', function() {
+      content.classList.toggle('show'); // Переключаем видимость категории
+
+      if (content.classList.contains('show')) {
+          icon.classList.remove('fa-chevron-down');
+          icon.classList.add('fa-chevron-up');
+          // Сохраняем состояние категории как открытое
+          localStorage.setItem(categoryId, 'true');
+      } else {
+          icon.classList.remove('fa-chevron-up');
+          icon.classList.add('fa-chevron-down');
+          // Сохраняем состояние категории как закрытое
+          localStorage.setItem(categoryId, 'false');
+      }
+  });
+});