Pada kesempatan kali ini saya akan menjelaskan cara menampilkan dan menyembunyikan element dengan JavaScript. Perlu teman-teman ketahui sebelumnya, untuk membuat toggle element seperti tabs yang dimana suatu element akan tampil dan sembunyi yang akan di handle dari satu tombol. Tentunya dari penjelasan tersebut dapat teman-teman gunakan diberbagai keperluan untuk membuat element tersebut lebih interaktif. Dan dari hasil penjelasan tersebut bisa kalian kembangkan lagi untuk menampung beberapa konten disatu halaman supaya konten yang disajikan ke pengunjung lebih mudah dibaca dan dibuat dengan tehnik toggle show and hide element. Untuk membuatnya teman-teman bisa ikuti langkah demi langkah yang saya berikan dibawah ini.

Berikut Tahapannya :

  • Buat satu buah file html dengan nama index.html
  • Jika sudah selanjutnya ketikan kode seperti berikut

  • Jika sudah save file tersebut dan lihat hasilnya di browser kesayangan teman-teman.

Sampai disini penjelasan saya mengenai cara menampilkan dan menyembunyikan element dengan JavaScript, semoga bermanfaat.