Ocultar y mostrar respuestas de un foro con div

[jomafer]

Muchísimas gracias. Perdonad mi ignorancia, pero pensaba que el atributo display era de PHP y no de Javascript. Aunque mi duda es más elemental y básica:

si yo hago en textual.php:

<div id="hola" style="display:none">
echo "caracola";
</div>

¿Por qué me muestra caracola si está en display none? Es que ese es mi problema, que sigue mostrando las respuestas aunque las muestre en un div de ese tipo.

Sin embargo, funciona bien si lo hago así:

echo '<div id="contenedorRespuesta" style="display:none">'.$row[3].'</div>

$row[3] es el contenido del mensaje e inicialmente está oculto.

Eso es lo que quiero con todo este tocho de código (son las respuestas), pero no me funciona:

Código PHP:

echo '<tr><td align="center"><img src="'.$CFG->wwwroot.'/pix/t/switch_plus.gif" onClick="cargaContenidoRespuestas('.$row[0].')"/></td><td bgcolor=#FFFAF2><font color=#4518B4><b>'.$prefix.$row[2].'</b></font><div id="contenedorRespuesta'.$row[0].'" style="display:none">'.$row[3].'</div></td>';
        echo '<td>&nbsp<a href ="'.$CFG->wwwroot.'/user/view.php?id='.$row[1].'&course='.$idCurso.'">';
    
        // Asignacion de las imagenes en miniatura
        if($picture[$row[1]]==0) // Si no tiene imagen se le asigna por defecto
          echo '<img align="absmiddle" src="'.$CFG->wwwroot.'/pix/u/f2.png"/>';
        else 
          echo '<img align="absmiddle" src="'.$CFG->wwwroot.'/user/pix.php/'.$row[1].'/f2.jpg"/>';
        
        echo '</a> <a href ="'.$CFG->wwwroot.'/user/view.php?id='.$row[1].'&course='.$idCurso.'">'.$firstname[$row[1]].' '.$lastname[$row[1]].'</a></td>';
        echo '<td align="center">&nbsp'.date('D, j \d\e M \d\e Y, H:i', $row[4]).'</tr>';
 

y esta es mi funcion en javascript:

Código Javascript:

function cargaContenidoRespuestas(idPost)
{
 
  var contenedorRespuesta=document.getElementById("contenedorRespuesta"+idPost);
  var ajax=nuevoAjax();
  
  if(contenedorRespuesta.style.display == "") contenedorRespuesta.style.display = "none";
  else contenedorRespuesta.style.display = "";
  
  ajax.onreadystatechange=function()
  {
    if (ajax.readyState==4)
    {
      contenedorRespuesta.innerHTML = ajax.responseText;
    }
    else
      contenedorRespuesta.innerHTML = "<br>Cargando...<br><br>";
  }
  ajax.send(null);
}
 

ese codigo de arriba me funciona para ocultar y mostrar el contenido del mensaje al pulsar el boton +.


Gracias y disculpad las molestias