Раскрывающееся меню не закрывается при нажатии элемента - jQuery

Я пытаюсь создать отзывчивое меню, и я сталкиваюсь с проблемой, с которой я пытаюсь это сделать. Когда элемент меню щелкнут, он перемещает страницу в нужное место, но не закрывает меню.

Вот мой код:

<a href="#" class="mobile">Menu</a>
 <ul class="menu mobile hide">
   <li><a href="#about">About</a></li>
   <li><a href="#schedule">Schedule</a></li>
   <li><a href="#instructors">Instructors</a></li>
   <li><a href="#venue">Venue</a></li>
   <li><a href="#sponsors">Sponsors</a></li>
   <li><a href="#" class="menu-reg">Register Now</a></li>
  </ul>

JQuery:

$('ul.mobile a').bind('vclick', function(){
    $('ul.menu.mobile').hide();
});