Hide the navbar collapse on select via JS instead of HTML

Appearantly, if there is a data-toggle, the href/link part isn't
done anymore.

static/js/wishlists.js

@@ -47,6 +47,8 @@ function selectList(listId) {
       listElem.show(200);
     });
   }
+
+  $("#navbarNav").collapse('hide');
 }
 
 function updateList(list) {

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>