Efecto desplazamiento horizontal de div

[pablokru]

Hola,

Tengo una div que al hacerle click se reemplaze su contenido por otro texto. Mi consulta es como hacer el efecto de desplazamiento horizontal del div para que aparezca el "otro" div con el nuevo texto. Este es mi codigo simplificado:

Código HTML:

<div id="comentarios">
<p>Texto</p>
<div id="siguiente"><p onclick="ajax(<?php echo $_GET['x'] + 1;?>);"><a>Siguiente</a></p></div>
<div> 

Código HTML:

<script>
var xhr=null;
function ajax(posicion){
	xhr=getXHR(); 
	xhr.open("GET","mensajes.php?pos="+posicion);
	xhr.onreadystatechange=callback;
	xhr.send(); 
}

function callback(){

	if(xhr.readyState==4){
		if(xhr.status==200){
			var resultado=document.getElementById("comentarios");
			resultado.innerHTML=xhr.responseText;
		}
	}
}
</script> 

mensajes.php:

Código PHP:

  <?php 
$x= $_GET['pos']; 
 
echo 'texto nuevo'; 
  
echo'<div id="Siguiente"><p onclick="ajax(';echo $x + 1;echo');"><a>Siguiente</a></p></div>'; 
 
?>   

Muchas gracais!!!