foundation-sites-5
Version:
**This package is only for versions 5 and earlier of Foundation. As of version 6, the package has a new name: `foundation-sites`.**
16 lines (15 loc) • 1.17 kB
HTML
<a class="button" data-dropdown="tinyDrop" aria-controls="tinyDrop" aria-expanded="false">Link Dropdown »</a>
<ul id="tinyDrop" class="f-dropdown" data-dropdown-content tabindex="-1" aria-hidden="true">
<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>
<!-- Buttons can be replaced with anchor tags with the role of button and a valid URL if you in fact intend for the user to go to a new page (or for progressive enchancement purposes) -->
<a class="button" data-dropdown="contentDrop" aria-controls="contentDrop" aria-expanded="false">Content Dropdown »</a>
<div id="contentDrop" class="f-dropdown content medium" data-dropdown-content aria-hidden="true" tabindex="-1">
<h4>Title</h4>
<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>
<img src="{{assets}}/img/examples/comet.jpg" alt="a flying comment">
<p>More test.</p>
<a class="button" onclick="alert('This button can be replaced with an anchor with a role value of button if it\'s truly a hyperlink.');">Button</a>
</div>