ciao a tutti 
come potete vedere in questa tabella è presente un pulsante in grado di mostrare il contenuto sotto a descrizione e di nasconderlo, quello che vi chiedo è come faccio a fare in modo che il bottone html una volta premuto per visualizzare la descrizione appaia scritto su di esso non piu "clicca per visualizzare" ma "nascondi"?so che sembrerebbe piu facile con un link ma c'è la possibilità di fare quanto scritto?
codice della tabella:
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<script language="javascript"> function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
} </script>
<title></title>
</head>
<body>
<table style="text-align: left; width: 362px; height: 116px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;" valign="undefined">SCHEDA
DEL FILM</td>
</tr>
<tr>
<td align="undefined" valign="undefined">TITOLO:
</td>
</tr>
<tr>
<td align="undefined" valign="undefined">DESCRIZIONE:<input
value="clicca per visualizzare" tabindex="10"
class="forminput" style="font-size: 8pt; letter-spacing: 1px;"
id="displayText" onclick="javascript:toggle();"
type="submit">
<div id="toggleText" style="display: none;">anno:
titolo originale:
genere:
personaggi:
attori:
regia:</div>
</td>
</tr>
<tr>
<td align="undefined" valign="undefined">DOWNLOAD
scarica il film</td>
</tr>
</tbody>
</table>
</body>
</html>