Jquery切换跳跃

Question

有人可以告诉我这个问题的解决方案吗？如您所见，使用切换功能时div会“跳转”。 http://codepen.io/AndrewRed/pen/vErjob?editors=101

<p>Text above animation</p>
<input type="button" class="btn" Value="Animate"/>
<div id="animate">
   <p>Text to animate</p>
   <p>Text to animate 2</p>
</div>
<p>Text below animation</p>

 $("input").on('click', function(){
    $("#animate").toggle('slow');
 });

Answer 1

您应该从p标签中删除边距：

p {
  margin: 0;
}