diff --git a/static/js/init.js b/static/js/init.js
new file mode 100644
index 0000000..01938d5
--- /dev/null
+++ b/static/js/init.js
@@ -0,0 +1,7 @@
+(function($){
+  $(function(){
+
+    $('.button-collapse').sideNav();
+
+  }); // end of document ready
+})(jQuery); // end of jQuery name space
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index fce1d8d..a49551b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -55,6 +55,7 @@
         <!-- Scripts -->
         <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
+        <script src="{{ url_for('static', filename='js/init.js') }}"></script>
 
     </body>
 </html>