Modificare il valore della regola CSS display

Premessa sono alle prime armi.

Volendo far comparire o scomparire qualcosa da una pagina web al click di un pulsante ho trovato che è possibile farlo agendo sulla regola CSS :

Codice:

---

div#hide {
  display: none;
}

---

attraverso questa funzione :

Codice PHP:

---

$(function(){
$('#click').click(function(){

if( $('#hide').css('display') == 'block' )
$('#hide').css('display','none');
else
$('#hide').css('display','block');

return false;
});


---

Io ho inserito nella pagina l'elemento da controllare in :

Codice HTML:

---

<div id="hide">

---

... l'elemento da controllare ...

Codice HTML:

---

</div>

---

ora per utilizzare al click di un pulsante o al richiamo di un link la funzione per modificare lo stato del display che devo fare ???

spero di essere stato sufficientemente chiaro ... vi ringrazio in anticipo

Il listener dell'evento è in ascolto per l'elemento con id click, inserisci nel documento un pulsante ed assegna al suo attributo id il valore click.

c'è ovviamente qualcosa che non ho capito ...

la funzione php che è indicata sopra l'ho salvata come un file prova.php e ho utilizzato questo codice per il pulsante

<form action="prova.php" method="post">

<input type="submit" value="premi e cambia" name="submit" id="click" class="button">


</form>

ma mi dice che c'è un errore ( Parse error: syntax error, unexpected '(', expecting T_VARIABLE or '$' )
nella riga:

$('#click').click(function(){

jQuery è javascript, non PHP.

Ciao!