Possuo o seguinte exemplo feito em JavaScript, do qual é um texto escrito "See more", que ao clicar nele ele você é possibilitado de ver mais texto:
Código
<head>
<title>
Javascript demo - expand/collapse text
</title>
<script language="JavaScript" type="text/javascript">
// for displaying or hiding parts of the page
function blocking(nr) {
displayNew = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none';
document.getElementById(nr).style.display = displayNew;
}
</script>
</head>
<!-- initially hide the contents of whatItIs and background -->
<body onload="blocking('whatItIs'); blocking('background');">
<a href="" onclick="blocking('whatItIs'); return false;">See more...</a>
<br><br>
<div id="whatItIs">
Pardus is a GNU/Linux distribution developed in Turkey, as a product of the Pardus Project. It was named after the Anatolian Leopard.
<br><br>
Pardus is an easy-to-install and -use operating system, with many enhancements to desktop usability, compatibility and security. With Pardus 1.0 (and the now-released Pardus 2007 version), users can connect to Internet, read e-mails, securely communicate with others and exploit the computer's multimedia capabilities by listening to music and watching movies.
<br><br>
Ladislav Bodnar, the creator of DistroWatch, wrote in his round-up of Linux/*nix in 2006 that Pardus is one of the distros he was most impressed by this year "...thanks to unique package management ideas, innovative start-up sequence and general desktop polish..."
<br><br>
Pardus is open source and freely distributed as a GPL (General Public License) product. It can be installed in Turkish, English, Spanish, German or Dutch.
<br><br>
</div>
</body>
Mas tenho uma questão, quando clico em "See more" o texto é mostrado, até aí tudo bem.
Pergunta
O código que tenho está a funcionar, mas eu gostaria que ao clicar em "See more", o texto mudasse para "Hide" no lugar de "See more". Como atingir este objectivo?