Menu icon Foundation
Foundation 5.0.2 toggle ul not working

I'm trying to make a menu toggle work, but it's not.
The toggle doest show up, only the full

    at any size screen.

    I'm not using the class top-bar, because I don't want that kind of style, I also tried using this class but still not working..

    Any help ?

<nav class="large-12 columns midia-list right" data-topbar>
	<ul class="mid-menu">
	  <li><a href="#">home</a></li>
	  <li><a href="#">empresa</a></li>
	  <li><a href="#">notícias</a></li>
	  <li><a href="#">contato</a></li>
	  <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
	</ul>					
</nav>
            

/*This is how I'm calling the foundation at the end of the body'*/

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="foundation.js"></script>

<script>
    $(document).foundation();
  </script>


         

foundation 5.0.2togglemenu

I'm trying to make a menu toggle work, but it's not.
The toggle doest show up, only the full

    at any size screen.

    I'm not using the class top-bar, because I don't want that kind of style, I also tried using this class but still not working..

    Any help ?

<nav class="large-12 columns midia-list right" data-topbar>
	<ul class="mid-menu">
	  <li><a href="#">home</a></li>
	  <li><a href="#">empresa</a></li>
	  <li><a href="#">notícias</a></li>
	  <li><a href="#">contato</a></li>
	  <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
	</ul>					
</nav>
            

/*This is how I'm calling the foundation at the end of the body'*/

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="foundation.js"></script>

<script>
    $(document).foundation();
  </script>


         
Alexander Assimidis over 5 years ago

Maybe u should try to bind ur jquery locally have u tried this?