Selamat hari jum’at di jum’at yang barakah ini saya akan sedikit bermain-main dengan toggle dimana ketika kita klik lebar dari sebah konten akan mlebar dimana menyebabkan konten yang ada di dalamnnya akan ikut bergeser menyesuaikan lebar pembungkus yang kita berikan effectnya, oke bagaimana cara membuat cara melebarkan tampilan card dengan Jquery, simak terus ya teman-teman.

Caranya cukup simple teman-teman di harapkan sudah mengerti ya tentang jquery karena disini saya akan mencobanya menggunakan jquery, walaupun disini saya menggunakan jquery UI tetapi disini teman-teman supaya tidak kesulitan saja membacannya kodingan yang akan kita buat nanti, dan ini lah cara melebarkan tampilan card dengan Jquery:

pertama kita linkan kita menggunakan CDN saja.

Jika sudah sekarang kita buat templatenya, simple saja ya, disini saya membuat template simple seperti ini:

Jika sudah sekarang kita tinggal atur jquerynya seperti ini:

Bagaimana jika teman-teman berhasil akan menampilkan hasil seperti ini:

cara melebarkan tampilan card dengan Jquerycara melebarkan tampilan card dengan Jquery

sebelum dan sesudah, bisa dilihat ya, disini ketika button itu belum di klik, tampilan masih pendek ketika di klik tulisan atas akan melebar, di karenakan tag div yang kita berikan effect itu kita setting melebar, jadi tulisan yang di bawahnya jadi ikut melebar, dan silahkan teman-teman klik lagi maka akan mengecil lagi, itu adalah fungsi dari sebuah toggle, bagaimana, cukup simple ya teman-teman, dan saya rasa cukup sampai disini saja belajar kita tentang cara melebarkan tampilan card dengan Jquery, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.