Pada kesempatan kali ini saya akan menjelaskan cara handle tabs dari menu html dengan jquery part1. Perlu teman-teman ketahui tabs adalah pengelompokan element yang disediakan oleh bootstrap dalam bentuk list sebagai perwakilan untuk konten element yang nantinya dapat ditekan seperti menu, setiap element list memiliki element masing-masing untuk menampung pengelompokan kontent tersebut, dan biasanya dari masing-masing element kontent tersebut memiliki attribute id khusus sebagai identitas yang nantinya dapat saling mengacu antara list yang ditekan dengan element yang akan diaktifkan. dan antara list judul tabs dengan element details tersebut masih didalam kesatuan element induk tabs atau navs, maka dari itu terkadang apabila ingin mengaktifkan element details tabs sesuai dengan yg ditekan diluar dari ruang lingkup induk element tersebut tidak bisa tanpa adanya bantuan jquery. Langsung saja untuk membuatnya kalian bisa ikuti tahapan seperti yang saya jelaskan dibawah ini.

Berikut Tahapannya :

  • Sebelumnya teman-teman buat terlebih dahulu satu buah file javascript dengan nama tabs.js
  • Jika sudah selanjutnya ketikan kode html seperti berikut :

  • Jika sudah simpan terlebih dahulu file tabs.js tersebut

Untuk pembahasan selanjutnya, akan saya jelaskan cara handle tabs dari menu html dengan jquery pada sesi berikutnya, semoga bermanfaat.