Cargar contenido en div según su visibilidad

[Davi91]

Gracias por contestar;

Respondiendo primero a Carlangueitor;
Lo escribí rápido y me faltó cambiarle ese nombre, el código correcto sería....

Código HTML:

<div class="wrap">
      <div class="thumb" id="thumb01">Thumbail</div>
      <div class="detail" id="detail01">Detail</div>
      <div class="thumb" id="thumb02">Thumbail</div>
      <div class="detail" id="detail02">Detail</div>
      <div class="thumb" id="thumb03">Thumbail</div>
      <div class="detail" id="detail03">Detail</div>
</div>
 

Iniciado por Franz1628

Esto deberías hacerlo con AJAX http://librosweb.es/ajax/
o tambien podrías usar JQUERY que facilita el uso de AJAX

No tengo idea de Ajax y no soy programador como para ponerme a aprenderlo. En cuanto a programación me manejo un poco con php y jQuery...

¿No hay plugin por jQuery?

Por ejemplo, yo voy controlando las clases mediante este código...

Código Javascript:

$(function() {  
    $("#thumb01").click(function() {
        $("#detail01").attr('class', 'selOn');
        $("#detail02").attr('class', 'selOff');
        $("#detail03").attr('class', 'selOff');
        $("#detail04").attr('class', 'selOn');
        $("#detail05").attr('class', 'selOff');     
    });
});
 

Con las clases selOn y selOff controlo normalmente lo siguiente, para poder aplicarle transiciones de CSS3...

Código CSS:

.selOff {
            opacity: 0;
            height: 0px;
}
.selOn {
            opacity: 1;
            height: 600px;
}
 

Espero no tener ninguna errata ya que no estoy depurando el código aún