$(selector).hide(speed,callback) $(selector).show(speed,callback) $(selector).toggle(speed,callback) $(selector).slideDown(speed,callback) $(selector).slideUp(speed,callback) $(selector).slideToggle(speed,callback) Item . method( transitionTime , functiontoCallLater )

<script type="text/javascript"> $(document).ready(function(){ $(".flip").click(function(){ $(".panel").slideDown("slow"); }); }); </script> <style type="text/css"> div.panel,p.flip {margin:0px;padding:5px;text-align:center; background:#e5eecc;border:solid 1px c3c3c3;} div.panel{height:120px;display:none;} </style> <div class="panel"> <p>Learning HTML.</p> <p>30 seconds – Learn HTML.</p> </div> <p class="flip">Show Panel</p>