案例：jQuery UI案例     状态：可编辑再运行    进入竖版
 运行结果　
AخA
 
1
<!doctype html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8">
5
  <title>.hide() 演示</title>
6
  <link rel="stylesheet" href="/css/jqu1.10.4/jquery-ui.min.css">
7
  <style>
8
  div {
9
    width: 100px;
10
    height: 100px;
11
    background: #ccc;
12
    border: 1px solid #000;
13
  }
14
  </style>
15
  <script src="/js/jqu/jquery.min1.10.2.js"></script>
16
  <script src="/js/jqu/jquery-ui.min1.10.4.js"></script>
17
</head>
18
<body>
19
20
<button>隐藏 div</button>
21
<div></div>
22
23
<script>
24
$( "button" ).click(function() {
25
  $( "div" ).hide( "drop", { direction: "down" }, "slow" );
26
});
27
</script>
28
29
</body>
30
</html>