From f66780c18ae8abfc8e7e53f294d67a08161de185 Mon Sep 17 00:00:00 2001
From: Lucie Bader <167515375+Lucie-Bdr@users.noreply.github.com>
Date: Sun, 9 Feb 2025 14:59:42 +0100
Subject: [PATCH] Fermeture des blocs ouverture extension

---
 "barre_lat\303\251rale/sidebar.html" |  8 +++----
 "barre_lat\303\251rale/sidebar.js"   | 35 ++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 4 deletions(-)

diff --git "a/barre_lat\303\251rale/sidebar.html" "b/barre_lat\303\251rale/sidebar.html"
index 54335af..40e9ed6 100644
--- "a/barre_lat\303\251rale/sidebar.html"
+++ "b/barre_lat\303\251rale/sidebar.html"
@@ -361,9 +361,9 @@
   <div id="menu">
     <div class="block-header">
       <h3>Lexiques</h3>
-      <button class="toggle-btn"></button>
+      <button class="toggle-btn">+</button>
     </div>
-    <div id="menuContent" class="block-content">
+    <div id="menuContent" class="block-content hidden">
       <div id="lexiques">Chargement...</div>
     </div>
   </div>
@@ -374,7 +374,7 @@
       <h3>Mot sélectionné</h3>
       <button class="toggle-btn"></button>
     </div>
-    <div id="etatContent" class="block-content">
+    <div id="etatContent" class="block-content hidden">
       <p id="motSelectionne">Aucun mot sélectionné</p>
       <p id="lexiconResult"></p>
       <div id="add-to-lexiques" style="display: none;">
@@ -391,7 +391,7 @@
       <h3>Définitions</h3>
       <button class="toggle-btn"></button>
     </div>
-    <div id="definitionContent" class="block-content">
+    <div id="definitionContent" class="block-content hidden">
       <!-- Définitions des lexiques de l'utilisateur -->
       <div id="mesLexiquesContainer">
         <h4>📚 Mes lexiques</h4>
diff --git "a/barre_lat\303\251rale/sidebar.js" "b/barre_lat\303\251rale/sidebar.js"
index cca0470..2bf8125 100644
--- "a/barre_lat\303\251rale/sidebar.js"
+++ "b/barre_lat\303\251rale/sidebar.js"
@@ -571,5 +571,40 @@ document.addEventListener("DOMContentLoaded", async () => {
         btn.textContent = content.classList.contains("hidden") ? "+" : "–";
       }
     });
+
+    document.querySelectorAll('.block-content').forEach(block => {
+      block.classList.add('hidden');
+    });
+  
+    document.querySelectorAll('.toggle-btn').forEach(btn => {
+      // Forcer l'affichage initial à "+"
+      btn.textContent = '+';
+      btn.style.fontSize = '15px';
+  
+      // Gestion du clic sur le bouton
+      btn.addEventListener('click', (event) => {
+        event.stopPropagation();
+        const header = btn.parentElement;
+        const content = header.nextElementSibling;
+        if (content) {
+          content.classList.toggle('hidden');
+          // Mettre à jour le texte du bouton selon l'état du bloc
+          btn.textContent = content.classList.contains('hidden') ? '+' : '–';
+        }
+      });
+    });
+  });
+});
+
+document.querySelectorAll('.toggle-btn').forEach(btn => {
+  btn.addEventListener('click', function() {
+    const blockContent = this.parentElement.nextElementSibling;
+    if (blockContent.classList.contains('hidden')) {
+      blockContent.classList.remove('hidden');
+      this.textContent = '–'; // affiche le symbole pour fermer
+    } else {
+      blockContent.classList.add('hidden');
+      this.textContent = '+'; // affiche le symbole pour ouvrir
+    }
   });
 });
-- 
GitLab