title: Menu item in html site not working
body: <p>I want dropdown menu also to be able to click the item. Example:</p>
  
  <p>Menu item: Services</p>
  
  <pre><code>Sub items:    - branding  } These already have working links  
                - marketing }
  </code></pre>
  
  <p>But when I replace # with a link for Services, it does not work. when i click it nothing happens although if I right click and open in new tab it opens the URL.</p>
  
  <p>I think it's related to the Javascript.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;li class="dropdown"&gt;&lt;a href="#" class="dropdown-toggle js-activated"&gt;Services&lt;/a&gt;
     &lt;ul class="dropdown-menu"&gt;
        &lt;li&gt;&lt;a href="index.html"&gt;YouTube&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="index2.html"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="portfolio-post.html"&gt;Instagram&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="portfolio-post2.html"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$(document).ready(function() {
  
    $('.js-activated').dropdownHover({
        instantlyCloseOthers: false,
        delay: 0
    }).dropdown();
  
    $('.dropdown-menu a').click(function (e) {
        e.stopPropagation();
     });
  
  });
  </code></pre>