~~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script>
$(function () {
var bBtn = true;
$('input').click(function () {
if(bBtn){
$('div').hide();// 隱藏
}else{
$('div').show();// 顯示
}
bBtn = !bBtn;
})
})
</script>
</head>
<body>
<input type="button" value="點擊">
<div>div</div>
</body>
</html>
~~~
***
#### 模擬點擊菜單
~~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
ul{
display: none;
}
.box{
display: block;
}
</style>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script>
$(function () {
$('input').click(function () {
$('ul').toggleClass('box');
})
})
</script>
</head>
<body>
<input type="button" value="點擊">
<ul>
<li>1111</li>
<li>2222</li>
<li>3333</li>
<li>4444</li>
</ul>
</body>
</html>
~~~
