Langsung saja ke konten,jadi saya membuat template sederhana untuk konsep one page dengan javascript kita sembunyikan elemen html yang belum atau tidak ingin di munculkan.
1.Meyembunyikan element ketika salah satu element terbuka
Berikut adalah contoh kode JavaScript yang akan menyembunyikan content1 dan content2 ketika content3 terbuka, dan mengatur dua tab lainnya menjadi "none":
Show Content 1
Show Content 2
Show Content 3
Content 1
Content 2
Content 3
2.Control Dengan Button
Kode berikut membutuhkan button clik untuk mengaktifkan atau non aktifkan.
Show Content 1Show Content 2Show Content 3
Content 1 Content 2 Content 3
3. Inisialisasi dengan tanpa button click
Anda dapat mencapai hasil yang sama dengan menggunakan JavaScript untuk mendeteksi tab yang sedang dalam posisi block dan kemudian menyembunyikan tab-tab lainnya. Berikut adalah contoh kode JavaScript untuk melakukan itu:
Content 1 Content 2 Content 3
Dalam kode di atas, setiap tab dengan class "content" akan menyembunyikan tab-tab lainnya saat diklik. Fungsi hideOtherTabs digunakan untuk menyembunyikan semua tab kecuali yang sedang aktif (yang sesuai dengan currentTabId). Event listener ditambahkan ke setiap tab untuk memanggil hideOtherTabs saat tab diklik. Dengan cara ini, hanya satu tab yang akan terlihat pada satu waktu, dan tab-tab lainnya akan disembunyikan secara otomatis.
Jangan Lupa subcribe chanel kita ya gess,diskusi di kolom komentar. Cek Ke TKP -
http://dlvr.it/Sx6kbx
Tidak ada komentar:
Posting Komentar