2 en-têtes avec barre de recherche au milieu pour masquer

Je veux de l’aide ! :
J’ai deux conteneurs d’en-tête similaires que je veux rendre déroulants avec un petit changement.
Avec votre aide, nous avons placé une icône de recherche dans l’en-tête principal il y a quelques jours, et en cliquant dessus, la barre de recherche est apparue.
Maintenant, il y a cette barre et ce bouton dans les deux en-têtes. Mais un seul bouton affiche la barre de recherche, je veux que le bouton de la barre de recherche apparaisse lorsque les en-têtes sont remplacés par le défilement.
Il y a deux widgets HTML dans chaque en-tête, et je vous enverrai les codes HTML de chaque en-tête et le code JavaScript et CSS.
Je vous enverrai également l’ID. Bien sûr, vous pouvez le trouver vous-même.

Veuillez me dire quel code doit être modifié pour que, en cliquant sur les deux boutons des deux en-têtes, une seule barre de recherche soit masquée et affichée à partir d’un en-tête.
Je veux afficher et masquer le bouton de chaque barre de recherche pour le même en-tête.