Hola,
Esto parece funcionar bien... y es muy similar a lo que tú haces.
Código PHP:
<html>
<head>
<title>ClubDelphi.com</title>
<script type="text/javascript">
function toggleVisible(elem){
if(elem){
if(!elem.style.visibility || elem.style.visibility == 'hidden'){
elem.style.visibility = 'visible';
}else{
elem.style.visibility = 'hidden';
}
}
return true;
}
function toggleVisibleById(idElem){
return toggleVisible(document.getElementById(idElem));
}
</script>
<style type="text/css">
div#hiddenstuff {
visibility: hidden;
}
</style>
</head>
<body>
<div id="hiddenstuff">
Hidden stuff
</div>
<div>
<a href="#" title="Click here to show hidden stuff"
onclick="toggleVisibleById('hiddenstuff'); this.blur();">
Click here to show hidden stuff (by ID)</a>
</div>
</body>
</html>
PD1. Pongo el código entre etiquetas PHP para resaltarlo mejor.
PD2. Esto no tiene nada que ver con AJAX... se trata de trabajar con el DOM (Document object model), podría decirse, si no estoy equivocado.