diff --git a/template/app/components/TreeNode.vue b/template/app/components/TreeNode.vue
index 802ab1b..3c45908 100644
--- a/template/app/components/TreeNode.vue
+++ b/template/app/components/TreeNode.vue
@@ -84,9 +84,9 @@ function visibleChildren(node) {
           <button
             class="folder-toggle"
             @click="toggle(node.path ?? node.title)"
-            :aria-expanded="!collapsed[node.path ?? node.title]"
+            :aria-expanded="collapsed[node.path ?? node.title]"
           >
-            <span class="chevron" :class="{ open: !collapsed[node.path ?? node.title] }">›</span>
+            <span class="chevron" :class="{ open: collapsed[node.path ?? node.title] }">›</span>
           </button>
 
           <!-- Folder label: clickable link if there's a self-titled child, plain text otherwise -->
@@ -102,7 +102,7 @@ function visibleChildren(node) {
         </div>
 
         <TreeNode
-          v-if="!collapsed[node.path ?? node.title]"
+          v-if="collapsed[node.path ?? node.title]"
           :nodes="visibleChildren(node)"
           :depth="depth + 1"
         />