<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

​

<button id="stop">停止滑动</button>

<div id="flip">点我向下滑动面板</div>

<div id="panel">Hello world!</div>

$(document).ready(function(){

  $("#flip").click(function(){

    $("#panel").slideDown(5000);

    $("#panel").slideUp(5000);

  });

  $("#stop").click(function(){

    $("#panel").stop();

  });

});

#panel,#flip

{

    padding:5px;

    text-align:center;

    background-color:#e5eecc;

    border:solid 1px #c3c3c3;

}

#panel

{

    padding:50px;

    display:none;

}