Cara Membuat Toggle dengan jQuery


Kali ini saya mau share cara membuat toggle dengan jQuery. Ketika kita membuat sebuah website, kadang kita membutuhkan sebuah interface (antar muka) yang keren. Dan tidak jarang menggunakan jQuery adalah solusi yang tepat. Salah satunya adalah membuat sebuah menu atau dropdown misalnya.

Dengan menggunakan toggle, menu atau dropdown yang kita buat akan memberikan animasi yang lebih halus dan tentunya akan lebih menarik. Nah, berikut ini adalah contoh code sederhana dari toggle.

  1. $(".menu-parent").on("click", function(){
  2. $(this).toggleClass("open");
  3. $(this).parent().find(".tier-two").slideToggle("slow");
  4. });

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s