Как сделать ссылки на меню доступными

Question

У меня есть следующая страница: http://pastebin.com/sJAN1jkk, которая содержит раскрывающееся меню навигации, состоящее из нескольких неупорядоченных списков.

Выпадающая часть меню работает без проблем, проблема заключается в том, что при нажатии любых ссылок в этих списках ничего не происходит.

У меня есть ощущение, что это где-то в javascript, но не будучи экспертом, я не понимаю, почему.

Любая помощь была бы принята с благодарностью.

Если я пропустил какую-либо соответствующую/необходимую информацию, сообщите мне, и я обновлю вопрос.

---- Редактировать ----

Меню HTML:

<div class="rotaWrapper"> 
    <div id="ddRotas" class="wrapper-dropdown-rotas" tabindex="1"> 
     <span id="lblRotasMenu">Rotas and absences</span> 
     <ul class="dropdown"> 
      <li><a id="hypRotas" href="Rotas.aspx">Rotas</a></li> 
      <li><a id="hypAbsence" href="Absence.aspx">Absences</a></li> 
      <li><a id="hypTraining" href="Training.aspx">Training</a></li> 
     </ul> 
    </div> 
</div> 

Javascript:

<script type="text/javascript"> 

      function DropDown(el) { 
       this.dd = el; 
       this.initEvents(); 
      } 
      DropDown.prototype = { 
       initEvents : function() { 
        var obj = this; 

        obj.dd.on('click', function(event){ 
         $(this).toggleClass('active'); 
         return false; 
        }); 
       }, 
      } 

      $(function() { 

       var ddRotas = new DropDown($('#ddRotas')); 
       var ddWages = new DropDown($('#ddWages')); 
       var ddMessages = new DropDown($('#ddMessages')); 
       var ddDocs = new DropDown($('#ddDocs')); 
       var ddAdmin = new DropDown($('#ddAdmin')); 

       $(document).click(function() { 
        // all dropdowns 
        $('.wrapper-dropdown-rotas').removeClass('active'); 
        $('.wrapper-dropdown-wages').removeClass('active'); 
        $('.wrapper-dropdown-docs').removeClass('active'); 
        $('.wrapper-dropdown-messages').removeClass('active'); 
        $('.wrapper-dropdown-admin').removeClass('active'); 
       }); 

      }); 

     </script> 

Answer 1

Я думаю, что это может быть ваша проблема:

obj.dd.on('click', function(event){ 
    $(this).toggleClass('active'); 
    return false; 
}); 

Вы захватываете все события кликов для своих выпадающего списка, а затем возвращается false. Это останавливает событие щелчка при стрельбе.