side nav fixes

src/js/app.js

@@ -177,12 +177,32 @@ const bootstrapSorts = function() {
 }
 
 const bootstrapNav = function () {
-  // debugger;
+  // mobile nav
   // init-attaches to js object
   mlStackNav();
   // consume
   $(".js-ml-stack-nav").mlStackNav();
+
+  // sidenav
+  $('.tree-nav .tree-nav-item').on('click', function(e) {
+    // actual clicked element
+    let target = e.target;
+
+    if (!target.href) {
+      // stop it from affecting other nodes
+      e.preventDefault();
+      e.stopPropagation();
+
+      // parent li rather then actual el clicked
+      $(e.currentTarget).toggleClass('open');
+
+      $(e.target).find('>ul.tree-nav-sublist').toggleClass('hide');
+    }
+
+  });
 }
+
+
 bootstrapNav();
 bootstrapDropdowns();
 bootstrapModals();

src/sass/app.scss

@@ -58,3 +58,22 @@
   visibility: hidden;
   display: none;
 }
+
+.tree-nav {
+  .tree-nav-item {
+    .tree-nav-sublist {
+      &.hide {
+        display: none;
+      }
+    }
+    &.open {
+      >.expand-more {
+        -webkit-transform: rotate(180deg);
+        -moz-transform: rotate(180deg);
+        -ms-transform: rotate(180deg);
+        -o-transform: rotate(180deg);
+        transform: rotate(180deg);
+      }
+    }
+  }
+}