toggleClass itu kita ibaratkan dimana ketika kita mengklik suatu tombol dimana tombol itu menghasilkan suatu efek, misal efek tag paragraf berubah menjadi warna hijau misal, dan ketika kita klik lagi warna itu akan hilang dan berubah menjadi warna yang sebelumnya, seperti itu, dan untuk contoh kasus menggunakan methode toggleClass disini seperti apa simak terus ya teman-teman.

jadi untuk contoh kasus menggunakan methode toggleClass kita tidak akan bermain dengan warna, disini kita akn mencoba melihat semua teks yang ada di dalam suatu kotak, dimana kotak itu ketika kita mengklik buttonnya, kotak pengurung teks itu akan terbuka secara perlahan kebawah dan menampilkan isi teks yang ada di dalamnya secara perlahan.

dan untuk contoh kasus menggunakan methode toggleClass, juga saya menggunakan jqueryui ya, oke sekarang langsung saja contohnya, disini karena kita menggunakan jqueryui jangan lupa link-link CDNnya harus kita pasang di head seperti ini:

oke jika sudah saya membuat templatenya seperti ini:

dan disini saya juga menggunakan CSS internal, untuk CSSnya saya gunakan seperti ini:

oke jika sudah sekarang kita masuk ke scriptnya dan link jquery min js, jquery-ui nya, seperti ini:

oke, jadi caranya cukup simple dimana jika kita klik tombol tersebut effect akan di berikan css newClass dengan kecepatan 1000, jadi aka seperti ini gambar sebelum dan sesudah di klik:

sebelum

contoh kasus menggunakan methode toggleClass

sesudah

contoh kasus menggunakan methode toggleClass

Oke apakah hasil teman-teman seperti itu, jika tidak dan kira-kira ada yang mau di tanyakan silahkan saja ya tanya pada kolom komentar di bawah ini, dan saya rasa cukup sampai disini belajar kita tentang contoh kasus menggunakan methode toggleClass, semoga bermanfaat dan sampai jumpa pada artikel berikutnya, terimakasih.