Выпадающее меню Top-bar Foundation не работает

Question

Я пытаюсь получить меню с выпадающим меню, но все, что я получаю, это (ссылка на историю должна быть выпадающим меню под вкладкой about):

Я включил во все файлы javascript и инициализировал их, и я действительно не могу понять, что происходит. Есть идеи? Ссылка на сайт: http://mvcsf.com/new/

Код:

<nav class="top-bar"> 
       <ul class="title-area"> 
        <img src="img/logo.png"> 
       </ul> 
       <ul class="right"> 
        <li><a href="">home</a></li> 
        <li class="has-dropdown"><a href="">about</a> 
         <ul class="dropdown"> 
          <li>history</li> 
         </ul> 
        </li>       
       </ul> 
      </nav> 

Спасибо так много!

Answer 1

Похоже, что вам не хватает ваших тегов раздела перед вашей «правой» улицей.

<nav class="top-bar"> 
    <ul class="title-area"> 
     <img src="img/logo.png"> 
    </ul> 
    <section class="top-bar-section"> 
     <ul class="right"> 
      <li><a href="">home</a></li> 
      <li class="has-dropdown"><a href="">about</a> 
       <ul class="dropdown"> 
        <li>history</li> 
       </ul> 
      </li>       
     </ul> 
    </section> 
</nav>