2 cabeçalhos com barra de pesquisa no meio para ocultar

Preciso de ajuda!:
Tenho dois contêineres de cabeçalho semelhantes que quero que sejam roláveis com uma pequena alteração.
Com sua ajuda, colocamos um ícone de pesquisa no cabeçalho principal há alguns dias, e ao clicar nele, a barra de pesquisa apareceu.
Agora existe essa barra e aquele botão em ambos os cabeçalhos. Mas apenas um botão mostra a barra de pesquisa, quero que o botão da barra de pesquisa apareça quando os cabeçalhos forem substituídos pela rolagem.
Existem dois widgets HTML em cada cabeçalho, e enviarei os códigos HTML de cada cabeçalho e o código JavaScript e CSS.
Também enviarei o ID. Claro, você pode encontrá-lo sozinho.

Por favor, diga-me qual código deve ser modificado para que, ao clicar em ambos os botões em dois cabeçalhos, apenas uma barra de pesquisa seja ocultada e exibida de um cabeçalho.
Quero mostrar e ocultar o botão de cada barra de pesquisa para o mesmo cabeçalho.