zurb-foundation-5/spec/dropdown/basic.html

Foundation 5 for npm (no code modification from original repo)

<a id="drop1link" href="#" data-dropdown="drop1">Has Dropdown</a>
<ul id="drop1" class="f-dropdown" 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>
<a id="drop2link" href="#" data-dropdown="drop2">Has Content Dropdown</a>
<div id="drop2" data-dropdown-content class="f-dropdown content">
  <p>Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!</p>
</div>
<a id="drop3link" href="#" data-dropdown="drop3">
  <span><span id="drop3span"><i>Has</i></span> <strong>Deeply Nested Content</strong</span>
</a>
<div id="drop3" data-dropdown-content class="f-dropdown content">
  <p>Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!</p>
</div>
<a id="drop4link" href="#" class="disabled" data-dropdown="drop4">Disabled Dropdown</a>
<div id="drop4" data-dropdown-content class="f-dropdown content">
  <p>Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!</p>
</div>