Add topic title click to open/close subtopics

js/main.js

@@ -332,13 +332,20 @@ async function loadWiki() {
         const topicDiv = document.createElement('div');
         topicDiv.className = 'wiki-topic';
         topicDiv.innerHTML = `
-          <h4 class="hide-de">${topicName}</h4>
-          <h4 class="hide-en">${topicName}</h4>
+          <h4 class="hide-de topic-title">${topicName}</h4>
+          <h4 class="hide-en topic-title">${topicName}</h4>
           <div class="wiki-subtopics"></div>
         `;
         wikiContainer.appendChild(topicDiv);
         
         const subtopicsDiv = topicDiv.querySelector('.wiki-subtopics');
+        const topicTitle = topicDiv.querySelector('.topic-title');
+        
+        // Toggle topic on click
+        topicTitle.onclick = () => {
+          subtopicsDiv.classList.toggle('hidden');
+        };
+        
         subtopics.forEach(sub => {
           const subtopicDiv = document.createElement('div');
           subtopicDiv.className = 'wiki-subtopic hidden';
@@ -353,7 +360,8 @@ async function loadWiki() {
           subtopicsDiv.appendChild(subtopicDiv);
           
           const title = subtopicDiv.querySelector('.wiki-subtopic-title');
-          title.onclick = () => {
+          title.onclick = (e) => {
+            e.stopPropagation();
             // Close all other subtopics first
             subtopicsDiv.querySelectorAll('.wiki-subtopic').forEach(s => {
               if (s !== subtopicDiv) s.classList.add('hidden');