Fix: subtopics hidden by default via CSS
This commit is contained in:
+2
-2
@@ -84,8 +84,8 @@ a:hover { text-decoration: underline; }
|
||||
.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:hover { background: var(--gray2); }
|
||||
.wiki-subtopics { padding-left: 24px; margin-top: 8px; }
|
||||
.wiki-subtopics.hidden { display: none; }
|
||||
.wiki-subtopics { padding-left: 24px; margin-top: 8px; display: none; }
|
||||
.wiki-subtopics:not(.hidden) { display: block; }
|
||||
.wiki-subtopic { margin-left: 24px; border-left: 2px solid var(--gray2); padding-left: 16px; }
|
||||
.wiki-subtopic.hidden { display: none; }
|
||||
.wiki-subtopic-title { font-weight: 600; padding: 8px 0; cursor: pointer; }
|
||||
|
||||
+8
-2
@@ -344,8 +344,14 @@ async function loadWiki() {
|
||||
// Toggle topic on click
|
||||
topicTitle.onclick = () => {
|
||||
console.log('Topic clicked:', topicName, 'current hidden:', subtopicsDiv.classList.contains('hidden'));
|
||||
subtopicsDiv.classList.toggle('hidden');
|
||||
console.log('After toggle, hidden:', subtopicsDiv.classList.contains('hidden'));
|
||||
// Subtopics should be hidden by default, show them when topic clicked
|
||||
if (subtopicsDiv.classList.contains('hidden')) {
|
||||
subtopicsDiv.classList.remove('hidden');
|
||||
console.log('Showing subtopics');
|
||||
} else {
|
||||
subtopicsDiv.classList.add('hidden');
|
||||
console.log('Hiding subtopics');
|
||||
}
|
||||
};
|
||||
|
||||
subtopics.forEach(sub => {
|
||||
|
||||
Reference in New Issue
Block a user