yige.org 试一个

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});
</script>
 
<style type="text/css"> 

.panel, .flip{width:500px;margin:0 auto;padding:15px;text-align:center;background:#e5eecc;border:solid 1px #c3c3c3;font-size:14px;}
.panel{display:none; background:#92B901;}
</style>
</head>
 
<body>
 
<div class="panel">
<p>yige.org - 在线教程网</p>
<p>在 yige.org，你可以找到你所需要的所有网站建设教程。</p>
</div>
 
<p class="flip">请点击这里</p>
 
</body>
</html>

结果:

编辑上面的代码，点击查看结果。

yige.org - 试一个