jQuery的动画效果--停止动画
<!DOCTYPE html>
<html>
<head>
<title>jQuery的动画效果--停止动画</title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
#box2,#box1{
width: 500px;
padding:5px;
text-align:center;
background-color:#FFFFFF;
border:solid 1px #E9E9E9;
}
#box2{
width: 500px;
padding:5px;
display:none;
}
</style>
<script>
$(document).ready(function(){
$("#box1").click(function(){
$("#box2").slideToggle(3000)
// $("#box").slideUp("slow");
});
$("#stop").click(function(){
$("#box2").stop(true);
});
});
</script>
</head>
<body>
<button id="stop">停止</button>
<div id="box1">开始滑动</div>
<div id="box2"><p>PHP中文网：独家原创，永久免费的在线php视频教程，</p><p>php技术学习阵地！</p></div>
</body>
</html>向上/向下滑动+停止还算正常，但是有个问题，点停止之后，div中的字会多出来。不知道是哪里的问题。