title: Foundation 5 Top Bar Doesnt Drop Down
body: <p>already read so many topics about this but nothing seems to be working.</p>
  
  <p>just started a project and ive virtually copy/pasted the code from the foundation docs site and it doesnt work.</p>
  
  <p>heres my html
      
      
        
        Test
        
        
        
        
        
        
        
        
        
        
      </p>
  
  <pre><code>&lt;body&gt;
     &lt;header&gt;              
  
        &lt;nav class="top-bar" data-topbar&gt;
           &lt;ul class="title-area"&gt;
              &lt;li class="name"&gt;
              &lt;h1&gt;&lt;a href="#"&gt;My Site&lt;/a&gt;&lt;/h1&gt;
              &lt;/li&gt;
              &lt;li class="toggle-topbar menu-icon"&gt;&lt;a href="#"&gt;Menu&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
  
          &lt;section class="top-bar-section"&gt;
            &lt;!-- Right Nav Section --&gt;
            &lt;ul class="right"&gt;
              &lt;li class="active"&gt;&lt;a href="#"&gt;Right Button Active&lt;/a&gt;&lt;/li&gt;
              &lt;li class="has-dropdown"&gt;
                 &lt;a href="#"&gt;Right Button with Dropdown&lt;/a&gt;
                 &lt;ul class="dropdown"&gt;
                 &lt;li&gt;&lt;a href="#"&gt;First link in dropdown&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
           &lt;/ul&gt;
  
           &lt;!-- Left Nav Section --&gt;
           &lt;ul class="left"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Left Nav Button&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/section&gt;
        &lt;/nav&gt;
  
     &lt;/header&gt;
  
     &lt;footer&gt;
        &lt;p&gt;Some copyright and legal notices here. Maybe use the © symbol a bit.&lt;/p&gt;
     &lt;/footer&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>for the style sheet, its empty, even tried removing it entirely just to be certain but same thing, its dot dropping down.</p>
  
  <p>any ideas what i missed?
  Thanks</p>
  
  <p>EDIT: </p>
  
  <p>ok so found something, the code displayed on zurbs foundation docs page, doesnt work when copy/pasting, however if i use the inspector and copy the html from their example, it works. however when you shrink the browser small, the 3 lines with menu button appears but when hovering over it, it dont drop down, clicking as well does nothing, how to fix that?</p>
  
  <p>the html for that is</p>
  
  <pre><code>&lt;nav class="top-bar" data-topbar=""&gt;
        &lt;ul class="title-area"&gt;
          &lt;li class="name"&gt;
            &lt;h1&gt;&lt;a href="#"&gt;My Site&lt;/a&gt;&lt;/h1&gt;
          &lt;/li&gt;
          &lt;li class="toggle-topbar menu-icon"&gt;&lt;a href=""&gt;Menu&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
  
      &lt;section class="top-bar-section" style="left: 0%;"&gt;
  
          &lt;!-- Right Nav Section --&gt;
          &lt;ul class="right show-for-large-up"&gt;
            &lt;li class="active"&gt;&lt;a href="#"&gt;Right Button Active&lt;/a&gt;&lt;/li&gt;
            &lt;li class="has-dropdown not-click"&gt;
              &lt;a href="#"&gt;Right Button Dropdown&lt;/a&gt;
              &lt;ul class="dropdown"&gt;&lt;li class="title back js-generated"&gt;&lt;h5&gt;&lt;a     href="javascript:void(0)"&gt;Back&lt;/a&gt;&lt;/h5&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;First link in dropdown&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
  
        &lt;/section&gt;&lt;/nav&gt;
  </code></pre>
  
  <p>im loading these scripts </p>
  
  <pre><code>  &lt;script src="js/vendor/modernizr.js"&gt;&lt;/script&gt;
    &lt;!-- Foundation Top Bar --&gt;
    &lt;script src="js/foundation.min.js"&gt;&lt;/script&gt;
    &lt;script src="js/foundation/foundation.topbar.js"&gt;&lt;/script&gt;
    &lt;script src="js/foundation/foundation.offcanvas.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>i have also tried removing the topbar and offcanvas scripts and just using the foundation.min.js one, nothing works, button appears but no drop down is available.</p>