Javascript für Suche-Formularfeld - ein- u. ausblenden mit Lupe

[strawberry]

Hallo,
möchte per Suche-Icon das Formularfeld für den Suchtext ein- bzw. ausblenden.

den Style von
display:none
auf display block

setzen.
Leider haperts an meinen JS-Kenntnissen.

ctrl_5 ist das Formularfeld zur Texteingabe
ctrl_7 ist der Submit button (als Grafik, aber das ändert ja nichts).

Ich weiss, der Code passt so noch nicht, aber so in der Art könnte es doch sein? Zurücksetzen auf "display:none" dann noch.

<script>
function myFunction () {
var x = document.getElementByID ("ctrl_5");
$( document ).ready(function() {
$("#ctrl_7").click(function(event) {
x.style.display = ("block");
};
}
</script>


Für Hilfe bin ich dankbar ..

[Thoni]

Kannst du das nicht mit css machen?

#ctrl_5 {display:none!important;}

[strawberry]

Kannst du das nicht mit css machen?

#ctrl_5 {display:none!important;}

Zum Start ja, aber ich möchte das Formularfeld "onClick" einblenden und onClick ausblenden.

[fiedsch]

http://api.jquery.com/toggle/