Mostrar capa / ocultar capa

[Bier]

Perdonen pero no se como se pueda llamar este efecto, lo he llamado "capa".

Es tener 2 links y que al hacer click en uno de ellos, mostrar determinada información, y al hacer click en otro mostrar otra información, esto sin recargar la página.

Esto lo he visto en periódicos como www.clarin.com para mostrar noticias de: Lo mas reciente y Lo más visto.

Agradeceré una idea de por donde buscarle.

Gracias

[sephirot47]

Utiliza el estilo display;

Creas un div con el contenido dentro y con un style display:none.
Cuando lo quieras abrir entonces display:block.
Pro ejemplo:

Código:

<script type="text/javascript">

function showHide(){

        if( document.getElementById("elDiv").style.display == "block")
                 document.getElementById("elDiv").style.display = "none";
        else
                 document.getElementById("elDiv").style.display = "block";

}

</script>

<button id="mostrar" onclick="showHide();">Mostrar u ocultar</button>

<div id = "elDiv"  style="display:none;">
<p>Hola soy sephirot47</p>
</div>

Copia eso en un archivo .htm, y mira a ver si es lo que dices...Saludos ^^

[Bier]

Gracias sephirot47,

Lo que requiero es algo mas cercano a http://www.clarin.com/ ultimas noticias y más leidas.

pero ya me diste algo de idea por donde buscar, seguiré intentando.

Saludos