給1個實用性，歡迎提意見
<!DOCTYPE html>
<html>
<head>
??? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
??? <title></title>
??? <style>
??? .left div,
??? .right div {
??????? width: 500px;
??????? height: 50px;
??????? padding: 5px;
??????? margin: 5px;
??????? float: left;
??????? border: 1px solid #ccc;
??? }
?? ?
??? .left div {
??????? background: #bbffaa;
??? }
?? ?
??? .right div {
??????? background: yellow;
??? }
??? </style>
??? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
??? <h2>hide-show</h2>
??? <div class="left">
?? ?
??????? <div id="a1" hidden>show-show</div>
??????? <button>show動畫</button>
??? </div>
??? <script type="text/javascript">
??? //點擊button
??? //執行3秒隱藏
??? //執行3秒顯示
??? $("button").click(function() {
??????? $("#a1").show(3000)
??? });
??? </script>
</body>
</html>
2017-04-02
打開新窗口 打開地圖，關閉地圖
2017-04-02
//點擊button
??? //執行3秒隱藏
??? //執行3秒顯示
??? $("button").click(function() {
??????? $("#a1").show(3000).hide(3000);
??? });