diff --git a/src/static/base.js b/src/static/base.js
new file mode 100644
index 0000000000000000000000000000000000000000..8a68b59d9fd26cf94a7e2ae3a06793b93185086f
--- /dev/null
+++ b/src/static/base.js
@@ -0,0 +1,16 @@
+$(function() {
+
+  $('.dropdown-toggle').on('click', function(event) {
+    $('.dropdown-menu').slideToggle(50);
+    event.stopPropagation();
+  });
+
+  $('.dropdown-menu').on('click', function(event) {
+    event.stopPropagation();
+  });
+
+  $(window).on('click', function() {
+    $('.dropdown-menu').slideUp(50);
+  });
+
+});
\ No newline at end of file
diff --git a/src/templates/base.html b/src/templates/base.html
index 4776dcb7f330ebd74656f1cbbabf5f40aa0d5d4f..2797bd29020093fd3debcd056ec797ba29ab91d3 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -23,6 +23,7 @@
 	<link rel="stylesheet" type="text/css" href="{% sass_src 'shared.scss' %}"/>
 	<link rel="stylesheet" type="text/css" href="{% sass_src 'base.scss' %}"/>
 	<link rel="stylesheet" type="text/css" href="{% static 'memberdb.css' %}"/>
+	<script src="{% static 'base.js' %}"></script>
 	<script src="https://unpkg.com/feather-icons"></script>
 	{% block prestyle %}{% endblock %}
 	{% block extrahead %}{% endblock %}