Devo dire che il tuo esempio si avvicina molto a quel che vorrei fare io
ho adattato il tuo esempio al mio di JS
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />


<script type="text/javascript" src="./jquery.js"></script>
<script>
$(function(){
	$('.openDiv').click(function(){
		$(this).animate({"height": "toggle"}, { duration: 1000 });
		return false;
	});
});
</script>


<html>
<body> 
APRI
		<div style="display:none">
		div1
		</div>
		

		APRI
		<div style="display:none">
		div2
		</div>
		

		APRI
		<div style="display:none">
		div3
		</div>
</body></html>
se lo provi ha un simpatico effetto MANGIA DIV

a me servirebbe l'apri e chiudi oltre che avere l'effetto di apertura.