<style>
.panel {
width: 300px;
margin: 50px 0 0 50px;
box-shadow: 0 0 10px #999;
line-height: 1.8;
text-align: center;
font-size: 20px;
color: #fff;
}
.title {
background-color: #c7731f;
}
h1 {
margin: 0;
padding: 0;
}
.body {
padding: 30px 10px;
background-color: #5298c7;
}
</style>
</head>
<body>
<div class="panel">
<div class="title">
<h1>唐诗一首</h1>
</div>
<div class="body">
<p>
白日依山尽，
<br> 黄河入海流。
<br> 欲穷千里目，
<br> 更上一层楼。
<br>
</p>
</div>
</div>
<script src="../../../vendor/jquery.easing.js"></script>
$(this).siblings('.body').slideUp(1000, 'easeInOutExpo');
$(this).siblings('.body').slideUp(1000);//我把'easeInOutExpo'参数删掉,也可以实现,这是为什么
相关分类