Neu Suchen-Feld nur als Lupen (Icon) darstellen

[Arthur]

Hallo.

Wie kann ich es realisieren, dass ich nicht ein Suchenfeld im Header habe, sondern nur ein Icon (Lupe). Nach Klick auf diese Lupe sollte sich dann erst ein Suchfeld öffnen oder so.

Danke!

Gruß
Arthur

 

[Arthur]

Ich möchte dieses Thema bitte nochmals hervorholen. Vielleicht gibt es den ein oder anderen Hinweis zur Lösung für mich.
Wie gesagt, ich möchte nicht im Header ein Suchfeld haben, sondern nur ein Icon, auf dem ich klicken möchte um das Suchfeld bzw. die Möglichkeit einer Suche zu erhalten. Vielleicht hat dies bereits jemand realisiert und kann mir einen Tipp geben.
Vielen Dank!

Gruß

 

[TurboPerformance]

https://jsfiddle.net/w8qfbx92/

als Anregung