Oliver/paraguay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove hide-de/hide-en from wiki accordion

Browse Source
This commit is contained in:
Kato
2026-09-02 22:48:02 +00:00
parent e467403231
commit 8a70ce30ba
2 changed files with 5 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+1 -2
View File
@@ -84,8 +84,7 @@ a:hover { text-decoration: underline; }
.wiki-topic { margin-bottom: 16px; } .wiki-topic { margin-bottom: 16px; }
.wiki-topic h4 { font-size: 1.1rem; font-weight: 600; padding: 12px 16px; background: var(--gray1); border-radius: 8px; cursor: pointer; transition: background .2s; } .wiki-topic h4 { font-size: 1.1rem; font-weight: 600; padding: 12px 16px; background: var(--gray1); border-radius: 8px; cursor: pointer; transition: background .2s; }
.wiki-topic h4:hover { background: var(--gray2); } .wiki-topic h4:hover { background: var(--gray2); }
.wiki-subtopics { padding-left: 24px; margin-top: 8px; display: none; } .wiki-subtopics { padding-left: 24px; margin-top: 8px; }
.wiki-subtopics:not(.hidden) { display: block; }
.wiki-subtopic { margin-left: 24px; border-left: 2px solid var(--gray2); padding-left: 16px; } .wiki-subtopic { margin-left: 24px; border-left: 2px solid var(--gray2); padding-left: 16px; }
.wiki-subtopic.hidden { display: none; } .wiki-subtopic.hidden { display: none; }
.wiki-subtopic-title { font-weight: 600; padding: 8px 0; cursor: pointer; } .wiki-subtopic-title { font-weight: 600; padding: 8px 0; cursor: pointer; }
js/main.js
+4 -12
View File
@@ -332,8 +332,7 @@ async function loadWiki() {
const topicDiv = document.createElement('div'); const topicDiv = document.createElement('div');
topicDiv.className = 'wiki-topic'; topicDiv.className = 'wiki-topic';
topicDiv.innerHTML = ` topicDiv.innerHTML = `
<h4 class="hide-de topic-title">${topicName}</h4> <h4 class="topic-title">${topicName}</h4>
<h4 class="hide-en topic-title">${topicName}</h4>
<div class="wiki-subtopics"></div> <div class="wiki-subtopics"></div>
`; `;
wikiContainer.appendChild(topicDiv); wikiContainer.appendChild(topicDiv);
@@ -347,25 +346,20 @@ async function loadWiki() {
// Toggle topic on click // Toggle topic on click
topicTitle.onclick = () => { topicTitle.onclick = () => {
console.log('Topic clicked:', topicName, 'current hidden:', subtopicsDiv.classList.contains('hidden')); console.log('Topic clicked:', topicName, 'current hidden:', subtopicsDiv.classList.contains('hidden'));
// Subtopics should be hidden by default, show them when topic clicked
if (subtopicsDiv.classList.contains('hidden')) { if (subtopicsDiv.classList.contains('hidden')) {
subtopicsDiv.classList.remove('hidden'); subtopicsDiv.classList.remove('hidden');
console.log('Showing subtopics');
} else { } else {
subtopicsDiv.classList.add('hidden'); subtopicsDiv.classList.add('hidden');
console.log('Hiding subtopics');
} }
}; };
subtopics.forEach(sub => { subtopics.forEach(sub => {
const subtopicDiv = document.createElement('div'); const subtopicDiv = document.createElement('div');
subtopicDiv.className = 'wiki-subtopic hidden'; subtopicDiv.className = 'wiki-subtopic';
subtopicDiv.innerHTML = ` subtopicDiv.innerHTML = `
<div class="wiki-subtopic-title hide-de">${sub.subtopic}</div> <div class="wiki-subtopic-title">${sub.subtopic}</div>
<div class="wiki-subtopic-title hide-en">${sub.subtopic}</div>
<div class="wiki-subtopic-content"> <div class="wiki-subtopic-content">
<p class="hide-de">${sub.wiki || 'Keine Informationen verfügbar.'}</p> <p>${sub.wiki || ''}</p>
<p class="hide-en">${sub.wiki || 'No information available.'}</p>
</div> </div>
`; `;
subtopicsDiv.appendChild(subtopicDiv); subtopicsDiv.appendChild(subtopicDiv);
@@ -373,11 +367,9 @@ async function loadWiki() {
const title = subtopicDiv.querySelector('.wiki-subtopic-title'); const title = subtopicDiv.querySelector('.wiki-subtopic-title');
title.onclick = (e) => { title.onclick = (e) => {
e.stopPropagation(); e.stopPropagation();
// Close all other subtopics first
subtopicsDiv.querySelectorAll('.wiki-subtopic').forEach(s => { subtopicsDiv.querySelectorAll('.wiki-subtopic').forEach(s => {
if (s !== subtopicDiv) s.classList.add('hidden'); if (s !== subtopicDiv) s.classList.add('hidden');
}); });
// Toggle current
subtopicDiv.classList.toggle('hidden'); subtopicDiv.classList.toggle('hidden');
}; };
}); });