ciaoa tutti sto provando questo esmepio per capire bene le animazioni in jquery:

codice:
<style>
#box{ border-right: 1px dotted #000; border-bottom:#000 dotted 1px; background-color: #FFF; width: 400px; height:200px; font-family:Verdana, Geneva, sans-serif; font-size:12px; display:block; visibility:visible; overflow:hidden; }
</style>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function(){
$("#avvio").click(function(){
  var box= $("#box");
  if(box.is(":visible")){
	  box.animate({width: "0", height: "0"},"slow");
  } else {
	  box.css("visibility","visible");
  }
});
});
</script>
</head>

<body>
<div id="box">Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo 
ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque 
vulputate.
</div>
Mostra effetto box.
</body>
A chiudersi si chiude ma non riesco ad riaprirlo come posso risolverlo???