SOURCE

$(".flip").click(function(){
    $(".panel").slideToggle(5000);
  });
  $("#stop").click(function(){
    $(".panel").stop();
  });

<button id="stop">停止滑动</button>
<p class="flip">木之本樱</p>
<div class="panel">
<p>木之本樱，是日本动漫《魔卡少女樱》中的主角。她有着樱花般烂漫笑颜的女孩，纯净而美丽，明媚如阳光。喜欢甜食和有趣的事物，有着怕鬼的可爱性格，深受人们的喜爱。</p>
</div>

#stop
{
margin-left:25px;
}
div.panel,p.flip
{
width:90%;
margin:auto;
padding:5px;
text-align:center;
background:pink;
border:solid 1px #c3c3c3;
}
div.panel
{
height:100px;
display:none;
}