「Foundation」dropdownでドロップダウンコンテンツを表示するサンプル

2020年6月22日

サンプルコード

<!-- Trigger the Dropdown -->
<a href="#" data-dropdown="id01" class="button dropdown">Dropdown Button</a>

<!-- Dropdown content -->
<ul id="idcft" data-dropdown-content class="f-dropdown">
  <li><a href="#">test Link 1</a></li>
  <li><a href="#">test Link 2</a></li>
  <li><a href="#">test Link 3</a></li>
</ul>

<!-- Initialize Foundation JS -->
<script>
$(document).ready(function() {
    $(document).foundation();
})
</script>