finished sidebar animation

Author: nem035

css/stylesheet.css

@@ -175,8 +175,8 @@ nav h3 {
 }
 
 .sidemenu .algorithms {
-    padding: 3px 2px;
     display: none;
+    padding: 3px 2px;
     box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.48), inset 0 -2px 2px rgba(0, 0, 0, 0.36);
 }
 

index.html

@@ -66,7 +66,7 @@ <h3>
     <div id="footer">
         <button id="scratch-paper"><i class="fa fa-fw fa-code"></i> Scratch Paper</button>
         <button id="documentation"><i class="fa fa-fw fa-book"></i> Tracer API</button>
-        <button class="category active" id="powered-by">
+        <button class="category open" id="powered-by">
           <i class="fa fa-fw fa-github"></i> Powered by ...
         </button>
         <div id="powered-by-list">

js/dom/setup/setup_side_menu.js

@@ -32,8 +32,8 @@ module.exports = () => {
   });
 
   $('#powered-by').click(function() {
-    $(this).toggleClass('active');
-    $('#powered-by-list button').toggle(300);
+    $(this).toggleClass('open')
+    $('#powered-by-list').toggle(300);
   });
 
   $('#scratch-paper').click(() => {

public/algorithm_visualizer.css

@@ -295,8 +295,8 @@ nav h3 {
 }
 
 .sidemenu .algorithms {
-    padding: 3px 2px;
     display: none;
+    padding: 3px 2px;
     box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.48), inset 0 -2px 2px rgba(0, 0, 0, 0.36);
 }