Masquer/afficher le div en cliquant et en faisant défiler

Question

Je souhaite créer un formulaire de recherche masqué qui apparaît lorsque nous cliquons sur l'icône de recherche et se cache lorsque l'utilisateur clique ou fait défiler.

Answer 1

Vous devez utiliser l'événement .onclick dans js et modifier les propriétés d'affichage et de visibilité en fonction. Par exemple :

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

Bien sûr, il doit être masqué par défaut. Mais display:none n’est pas obligatoire et dépend de votre site Web.