diff --git a/static/js/wishlists.js b/static/js/wishlists.js
index 0f7f3c5..def7137 100644
--- a/static/js/wishlists.js
+++ b/static/js/wishlists.js
@@ -47,6 +47,8 @@ function selectList(listId) {
       listElem.show(200);
     });
   }
+
+  $("#navbarNav").collapse('hide');
 }
 
 function updateList(list) {
diff --git a/templates/index.html.tera b/templates/index.html.tera
index 378513a..1372ac4 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -5,9 +5,7 @@
   <ul class="navbar-nav mr-auto">
   {% for list in lists %}
     <li class="nav-item">
-      <a class="nav-link list-select" data-list-id="{{ list.id }}"
-         data-toggle="collapse" data-target="#navbarNav"
-         href="#{{ list.id }}">{{ list.name }}</a>
+      <a class="nav-link list-select" data-list-id="{{ list.id }}" href="#{{ list.id }}">{{ list.name }}</a>
     </li>
   {% endfor %}
   </ul>