jq toggle从上向下滑动

jquery中的toggle可以用来控制切换div出现或隐藏

 <script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("p").toggle(500);

  });

});

</script>

但这样是从左到右滑动，怎样让它从上到下出现

 <script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("p").slideToggle(500);//数字过渡时间

  });

});

</script>

使用slideToggle即可使从上到下滑动