mostare div lentamente

[agenti]

esiste un metodo con css o javascipt che mi permetta di visualizzare una div lentamente?

mi spiego meglio:

questo codice serve per espandere/nascondere una div.

<script type="text/javascript" language="javascript">
//funzione espandi
function visualizza(id){
if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
} else {
document.getElementById(id).style.display = 'none';
document.getElementById('tbl1').style.height = '460px';
document.getElementById('tbl2').style.height = '460px';
document.getElementById('main').style.height = '450px';

}
}
}
</script>

la div dovrebbe apparire in modo graduale dal basso verso l'alto.
In questo momento la div si mostra al momento dell'evento onclick
senza f"frizione" "di botto".

Io vorrei fare visualizzare l'apertura in modo graduale.
Come se scivolassa verso l'alto facendo scoprire il contenuto lentamente.
spero sia possibile tramite i css.

[pugia]

prova a spulciare il codice di questo sito, mi sempbra che sia quello che cerchi: http://www.shauninman.com/plete/

[agenti]

mhhhhhh

non rovo niente diadeguato.

Sei sicuro?

[agenti]

Ho visto che il stio ha una barra di navigazione precisamente come
ho richiesto...


ma sembra che sia un file js da incorporare.. che non trovo.

[Mich_]

IL CSS non ha capacita` di "movimento lento".
Sposto in Scripting.

[fcaldera]

fai una funzione che aumenta progressivamente la proprietà height del tuo div. Ad es:

// Suppongo che il div abbia altezza 0px
var inc = 5; // incremento graduale in pixel
var d = document.getElementById('tuodiv');
function showslowly() {
  h = d.style.height;
  h += inc;
  d.style.height = h + "px";
  setTimeout("showslowly()", 100); // 100 millisecondi
}

Non ho modo di provarlo, ma è già una base da cui partire