Kita mengenal salah satu framework javascript yaitu jQuery ternyata masih banyak lagi framework javascript yang bisa kita gunakan salah satunya adalah mootools. Mootools adalah kumpulan utilitas JavaScript dirancang untuk pengembang JavaScript tingkat menengah sampai tingkat mahir. Hal ini memungkinkan anda untuk menulis kode yang kuat dan fleksibel namun tetap elegan, didokumentasikan dengan baik, dan API yang koheren. Pada Tutorial kali ini saya akan mencoba membagi Cara Membuat Toggle Menggunakan Mootools.

Toggle adalah kondisi dimana pada saat kita mengklik atau mengarahkan kursor pada elemen maka elemen tersebut akan berubah kondisinya seperti pada saat di klik maka akan timbul elemen lainnya. Kali ini saya akan menjelaskan Cara Membuat Toggle Menggunakan Mootools, berikut langkah-langkahnya:

– Pertama buka text editor teman-teman dan masukan kode html di bawah ini:

Coba teman-teman jalankan di browser teman-teman maka tempilannya akan menjadi seperti gambar di bawah ini:

Cara Membuat Toggle Menggunakan Mootools

Kedua, teman-teman download file mootoolsnya di website mootools, lalu simpan di dalam folder yang sama dengan file htmlnya:

Ketiga, kita panggil file mootoolsnya ketikan dan simpan dalam tag head dengan menggunakaan kode di bawah ini:

Keempat, teman-teman ketikan script sebelum tag body, kodenya di bawah ini:

Penjelasan ada di commenting di dalam kode di atas. Coba teman-teman refresh browser teman-teman:

Cara Membuat Toggle Menggunakan Mootools

lalu arahkan cursor ke elemen yang ada dan klik pada elemen tersebut, maka akan muncul elemen yang kita hide tadi:

Cara Membuat Toggle Menggunakan Mootools

Jadi selain menggunakan jQuery kita juga bisa menggunakan mootools sebagai framawork javascript, sekarang terserah pada teman-teman mau menggunakan framework yang mana untuk membuat toggle.

Sekain tutorial kali ini tentang Cara Membuat Toggle Menggunakan Mootools. Selamat mencoba yah teman-teman.