Cara Membuat Menu Tabs pada framework Materialize.css

Hallo teman teman balik lagi dengan saya Ismet Maulana, masih semangat yah belajar dengan hal hal yang baru, kali ini saya akan berbagi pengetahuan tentang Bagaimana Cara Membuat Menu Tabs pada framework Materialize.css .

Oke langsung saja yah, teman teman bisa menuliskan script dibawah ini :

<body>
<div class="row">
    <div class="col s6 menu">
      <ul class="tabs">
        <li class="tab col s3"><a href="#test1">Menu 1</a></li>
        <li class="tab col s3"><a class="active" href="#test2">Menu 2</a></li>
        <li class="tab col s3"><a href="#test4">Menu 3</a></li>
      </ul>
    </div>
  </div>
      
    </body>

javascript :

<script>
$(document).ready(function(){
    $('ul.tabs').tabs();
  });

$(document).ready(function(){
    $('ul.tabs').tabs('select_tab', 'tab_id');
  });
        
</script>

Jika sudah teman teman save dan jalankan di browser masing masing, lihat tampilannya, Cukup mudah bukan ? perlu kita ketahui fungsi tabs ini ialah ketika salah satu menu kita klik posisi cursor akan berada dibawah menu yang kita pilih tadi, oke cukup paham dan mudahkan, sampai disini artikel tentang Bagaimana Cara Membuat Menu Tabs pada framework Materialize.css, Terimakasih ..

#KeepLearn

#IsmetMA