toggle display children

jshawl · Feb 2, 2017 · 8d5fcf9c36d7288797c67d2341cad9e238ed2e51 · 8d5fcf9
1 parent 9b4bc33
commit 8d5fcf9c36d7288797c67d2341cad9e238ed2e51
Unified Split

Showing with 7 additions and 1 deletion.

+7 −1 index.html
diff --git a/index.html b/index.html
@@ -20,6 +20,7 @@
    <script type="x-template" id='folder'>
      <div v-on:click="toggleExpand()">
        {{file.name}}/
+  
+        <span v-if='isOpen'>show children</span>
      </div>
    </script>
    <script>
@@ -41,7 +42,12 @@
        props: ['file'],
        methods: {
          toggleExpand: function(){
-  
-            console.log('togglin!')
+  
+            this.isOpen = !this.isOpen
+  
+          }
+  
+        },
+  
+        data: function(){
+  
+          return {
+  
+            isOpen: false
          }
        }
      })