Sembunyikan/tunjukkan div pada klik dan tatal

Question

Saya ingin mencipta borang carian tersembunyi yang muncul apabila kita mengklik pada ikon carian dan menyembunyikan apabila pengguna mengklik atau menatal.

Answer 1

Anda perlu menggunakan acara .onclick dalam js dan menukar ciri paparan dan keterlihatan dalam fungsi. Contohnya:

document.getElementById("searchIcon").onclick = searchFunction
function searchFunction(){
   const search = document.getElementById("searchForm");
   search.style.display = "block";
   search.style.visibility = "visible";
}

Sudah tentu, ia harus disembunyikan secara lalai. Tetapi display:none tidak diperlukan dan bergantung pada tapak web anda.