案例:jquery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script src="/js/jquery-1.11.1.min.js"></script>
5
<script type="text/javascript"> 
6
$(document).ready(function(){
7
$(".flip").click(function(){
8
    $(".panel").slideToggle("slow");
9
  });
10
});
11
</script>
12
 
13
<style type="text/css"> 
14
div.panel,p.flip
15
{
16
margin:0px;
17
padding:5px;
18
text-align:center;
19
background:#e5eecc;
20
border:solid 1px #c3c3c3;
21
}
22
div.panel
23
{
24
height:120px;
25
display:none;
26
}
27
</style>
28
</head>
29
 
30
<body>
31
 
32
<div class="panel">
33
<p>W3xue - 领先的 Web 技术教程站点</p>
34
<p>在 W3xue,你可以找到你所需要的所有网站建设教程。</p>
35
</div>
36
 
37
<p class="flip">请点击这里</p>
38
 
39
</body>
40
</html>
41