Foundation 5: Dropdown content not working

zurb-foundation

Solution

You need to explicitly initialize foundation with this piece of code before the end of your `body`, like this:

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

Problem

I am trying content dropdown from Foundation 5: http://foundation.zurb.com/docs/components/dropdown.html, but it does not work as you can see on this fiddle: http://jsfiddle.net/AQGd9/2/. Basically, the content does not appear upon clicking the link when it should. ``` <a href="#" data-dropdown="drop2">Has Content Dropdown</a> <ul id="drop2" class="f-dropdown content" data-dropdown-content> <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> ``` Thanks

Original source