案例：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
  $(".ex .hide").click(function(){
8
    $(this).parents(".ex").hide("slow");
9
  });
10
});
11
</script>
12
<style type="text/css">
13
div.ex
14
{
15
background-color:#e5eecc;
16
padding:7px;
17
border:solid 1px #c3c3c3;
18
}
19
</style>
20
</head>
21
22
<body>
23
​
24
<h3>中国办事处</h3>
25
<div class="ex">
26
<button class="hide" type="button">隐藏</button>
27
<p>联系人：张先生<br />
28
北三环中路 100 号<br />
29
北京</p>
30
</div>
31
​
32
<h3>美国办事处</h3>
33
<div class="ex">
34
<button class="hide" type="button">隐藏</button>
35
<p>联系人：David<br />
36
第五大街 200 号<br />
37
纽约</p>
38
</div>
39
​
40
</body>
41
</html>
42
​