CSS con aree visualizzate dinamicamente

[iceberg]

Ciao, se guardate la parte superiore a destra

http://it.dada.net/store/

vedere che cliccando su una delle 3 aree si scopre il dettaglio

come posso ottenere un risultato di questo tipo?

Grazie

[iceberg]

Nessun suggerimento???

[fcaldera]

quell'area non funziona con javascript disabilitato però puoi ottenere una cosa simile affiancando tre link (in float) e cambiando le dimensioni dei link usando le pseudoclassi :focus e :active.

Qualcosa del tipo

link 1
link 2
link 3

a {
float: left;
height : 20px;
width : 50px;
}

a:focus, a:active {
width : 200px;
}

Pros: è accessibile, non richiede javascript (verificane la compatibilità con i vari browser)
Cons: se clicchi altrove il link aperto si richiude (perdi gli stati active e focus)

(per semplicità ho usato tre elementi <a>: essendo una lista di link andrebbero inseriti dentro una lista [list=1] o <ul>)