<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script type="text/javascript" src="jquery-2.2.1.min.js"></script>
<style type="text/css">
*{margin: 0;padding: 0;list-style: none;}
li{width: 100px; background: #fcf; height: 20px; }
</style>
</head>
<body>
<div id="box">
<button id="btn">点击切换</button>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>
<script type="text/javascript">
$("#btn").click(function(){
var num = true;
if(num==true){
$("ul").slideUp(500,function(){
num = false;
});
} else{
$("ul").slideDown(500,function(){
num = true;
})
};
});
</script>
qq_冲哥_0
霍霍不二
相关分类