jquery的hide和show方法

为什么我测试这两个方法的时候画面会卡一下呢？
<body>
<p id='p'>lskjfldsjflkjdslkf</p><br/>
<button id='show'>show</button><button id='hide'>hide</button>
<button id='toggle'>toggle</button>
<script type='text/javascript'>
$('#show').click(function(){
$('#p').show(1000);
});
$('#hide').click(function(){
$('#p').hide(1000);
});
</script>

</body>
就是在hide的时候，画面整体会先向下动一下，然后再网上隐藏；show的时候，显示完后会往下动一下然后再回复。这是什么原因？有人高能告诉我么？3Q。jqueryhideshowjavascript