Tombol Dropdown
Kita dapat menambahkan dropdown menu pada tombol dengan menambahkan class .dropdown dan atribut .data-dropdown pada tombol. Namun, untuk menggunakanya kita harus memanggil file javascript sebelum penutup tag <body>.
Skrip button dropdown.html
<div class="row">
<div class="columns large-8 ">
<a class="button dropdown"data-dropdown="drop1">
Dropdown Button</a>
<ul id="drop1" class="f-dropdown" data-dropdown-content>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
<a class="button dropdown round" data-dropdown="drop2">
Dropdown Button</a>
<ul id="drop2" class="f-dropdown" data-dropdown-content>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
</div>
<script src=". ./foundation/js/vendor/j query. js"></script>
<script src=". ./foundation/js/foundation .min.js"></script>
<script>
$ (document) .foundation () ;
</script>
Post a Comment for "Tombol Dropdown"