Cómo hacer en CSS3 que un hover sobre un texto muestre un artículo en otra sección?

[infoholico]

Saludos, ya terminé mi pequeño video-curso introductorio de HTML5 y CSS3 :) así que decidí ponerme a prueba haciendo mi propio sitio,

En el tutorial aprendí a utilizar el cambio de tamaño para dar un efecto de animación muy bonito, ahora, en lo estudiado se logra al pasar el ratón sobre el área de cada artículo (hover), pero lo que quiero es tener una lista en un panel a la izquierda donde al pasar sobre cada título aparezca del lado derecho el contenido, espero haberme explicado suficientemente bien, de todas maneras estoy tratando de averiguarlo por mi parte, gracias por sus respuestas. :)

El código estudiado en el tutorial fue el siguiente:

section article{
height: 60px;
overflow: hidden;
transition:height 2s;
-webkit-transition:height 2s;
-moz-transition:height 2s;
-o-transition:height 2s;
-ms-transition:height 2s;
outline: none;
}
section article.clase1:focus{
height: 800px
}
section article.clase2:focus{
height: 500px