Código HTML:
<head> <script type="text/javascript" src="js/animatedcollapse.js"></script> </head> <body> <p><b>Ejemplo 3:</b></p> <a href="javascript:collapse3.slidedown()">Despliega</a> || <a href="javascript:collapse3.slideup()">Contrae</a> <div id="fish" style="width: 300px; height: 150px; background-color: #97bf21;"> <!--Your DIV content as follows --> <p>Lorem ipsum dolorem incorrupte te mei, quo no eius docendi. Euripidis rationibus comprehensam cu has, ut sed ignota tritani, hinc habeo euripidis et mea. An porro putent mentitum vis, elit nostrum te sed, per eu cibo magna propriae. Sed cu iudico voluptaria, te usu nemore officiis partiendo.</p> </div> <script type="text/javascript"> var collapse3=new animatedcollapse("fish", 300, false, "block") </script> </body> </html>