Cara membuat sebuah Tabs dengan JqueryUI yang di maksud disini adalah kita akan membuat sebuah tampilan seperti kita mempunyai banyak file dan file itu untuk membukanya kita harus mengklik salah satu menunya untuk membuka file lainya, pasti teman-teman pernah ya membuatnya, disini lah kita akan membuat seolah-olah seperti itu, padahal disini masih dalam satu file, maka dari itu disini saya menyebutnya sebuah tabs, padahal tabs yang lain jika kita tidak mengkliknya, tidak akan terbuka seperti itu, oke bagaimana cara membuatnya simak terus ya teman-teman.

Apakah teman-teman sudah bisa membayangkan Cara membuat sebuah Tabs dengan JqueryUI, saya harap sudah ya, jadi disini saya akan membuat beberapa tabs, ada HTML, CSS, Javascript dan lain-lainya, dan ketika di semua tabs itu kita akan mengisikan kata-kata dumy lorem ipsum, dan karena disini saya akan menggunakan sebuah jqueryUI pasti sangat simple sekali ya, karena dengan fungsinya kita bisa membuat sebuah tabs dengan cantik ini, lalu fungsinya seperti apa itu mas, ini dia:

Coba teman-teman lihat sendiri kita hanya perlu membuat sebuah id tabs, dan kita pakai method tabs() sudah bisa menghasilkan tampilan yang rapi ini, dan cantik tentunya, keren bukan, oke langsung saja ya, pasti teman-teman sendiri sudah tidak sabar lagi untuk melihat bagaimana cara membuatnya. Oke seperti biasa kita link dengan CDN seperti ini:

Untuk kali ini saya tidak menggunakan bootstrap ya, kita lanjut ke bagian template:

Waw panjang ya, nanti teman-teman bisa isikan kata-katanya denan kata teman-teman sendiri, jika sudah kita ketik kode jquerynya seperti yang saya tulis di atas ya, oke jika berhasil maka akan menampilkan tampilan seperti ini:

Cara membuat sebuah Tabs dengan JqueryUI

Silahkan teman-teman lihat nanti kata-kata yang di bawah itu akan menyesuaikan, oke bagaimana cukup simple bukan untuk Cara membuat sebuah Tabs dengan JqueryUI, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.