JQ元素的隐藏和显示的几种效果

JQ也有很多元素隐藏和显示的效果

代码如下：

<p>哈哈哈哈！</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>

<script type="text/javascript">
$(document).ready(function(){
   
  $(".btn1").click(function(){
   
  //slideUp()向上滑动。
  $("p").slideUp();
  });
  $(".btn2").click(function(){
   
  //slideDown();向下滑动，
  $("p").slideDown(</