diff --git a/app.css b/app.css
index d1ad2ac8..bf845247 100644
--- a/app.css
+++ b/app.css
@@ -160,7 +160,8 @@ li {
   height: auto;
 }
 
-.sidebar__level-1 .fa.fa-chevron-down {
+.sidebar__level-1 .fa.fa-chevron-down,
+.sidebar__level-1 .fa.fa-chevron-up {
   margin-right: 1rem;
   font-size: 1.5rem;
   position: relative;
@@ -168,6 +169,7 @@ li {
   display: none;
 }
 
-.sidebar__level-1:hover .fa.fa-chevron-down {
+.sidebar__level-1:hover .fa.fa-chevron-down,
+.sidebar__level-1:hover .fa.fa-chevron-up {
   display: inline-block;
 }
diff --git a/app.html b/app.html
index e5e42f5d..9358c9db 100644
--- a/app.html
+++ b/app.html
@@ -81,7 +81,7 @@
                     <i class="fa fa-plus"></i>
                   </a>
                 {{/if}}
-                <i class="fa fa-chevron-down pull-right" style=""></i>
+                <i class="fa fa-chevron-up pull-right" style=""></i>
               </div>
               {{#if children}}
                 <ul>
diff --git a/app.js b/app.js
index 30af5011..816b4142 100644
--- a/app.js
+++ b/app.js
@@ -21,6 +21,11 @@ $(function() {
     items: 1
   });
 
+  $('.sidebar__level-1', '.sidebar__level-1--item').on('click', function() {
+    $(this).parents('.sidebar__level-1--item').find('ul').slideToggle();
+    $(this).find('.fa-chevron-down, .fa-chevron-up').toggleClass('fa-chevron-down fa-chevron-up')
+  });
+
 });
 
 var menuObject = {