<script> <script type="text/javascript"> $(document).ready(function(){ $(".flip").click(function(){ $(".panel").slideToggle("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>HTML.</p> <p>Learn HTML in 30 years</p> </div> <p class="flip">Show/Hide </p>