collapsed category as default

css/stylesheet.css

@@ -52,18 +52,6 @@ button.active {
     background: rgb(44, 44, 44);
 }
 
-button.category {
-    background: rgba(0, 0, 0, .10);
-}
-
-button.indent {
-    padding-left: 28px;
-}
-
-button.fold {
-    display: none !important;
-}
-
 .divider {
     position: absolute !important;
     z-index: 3;
@@ -127,6 +115,19 @@ button input {
     text-align: left;
 }
 
+button.category {
+    background: rgba(0, 0, 0, .10);
+}
+
+button.indent {
+    padding-left: 28px;
+    display: none;
+}
+
+button.collapse {
+    display: block;
+}
+
 .workspace {
     position: absolute;
     top: 30px;

js/script.js

@@ -155,7 +155,7 @@ $.getJSON('./algorithm/category.json', function (data) {
         (function (category) {
             var $category = $('<button class="category">').append(list[category].name);
             $category.click(function () {
-                $('[data-category="' + category + '"]').toggleClass('fold');
+                $('[data-category="' + category + '"]').toggleClass('collapse');
             });
             $('#list').append($category);
             var subList = list[category].list;