Пункт меню на сайте html не работает

Я хочу выпадающее меню, чтобы иметь возможность щелкнуть элемент. Пример:

Пункт меню: Услуги

Sub items:    - branding  } These already have working links  
              - marketing }

Но когда я заменяю # ссылкой на Службы, это не работает. когда я нажимаю на него, ничего не происходит, хотя, если я щелкнул правой кнопкой мыши и открываю в новой вкладке, он открывает URL-адрес.

Я думаю, что это связано с Javascript.

HTML:

<li class="dropdown"><a href="#" class="dropdown-toggle js-activated">Services</a>
   <ul class="dropdown-menu">
      <li><a href="index.html">YouTube</a></li>
      <li><a href="index2.html">Twitter</a></li>
      <li><a href="portfolio-post.html">Instagram</a></li>
      <li><a href="portfolio-post2.html">Facebook</a></li>
   </ul>

Javascript:

$(document).ready(function() {

  $('.js-activated').dropdownHover({
      instantlyCloseOthers: false,
      delay: 0
  }).dropdown();

  $('.dropdown-menu a').click(function (e) {
      e.stopPropagation();
   });

});