js 与JQuery显示及隐藏方法

虽然以后两种方式都能让文本信息隐藏和显示
第一种文本隐藏以后还是会占居位置，
第二种则不会占位置。

<p id="p1">这是一段文本。</p>
<input type="button" value="隐藏文本" onclick="document.getElementById('p1').style.visibility='hidden'" />
<input type="button" value="显示文本" onclick="document.getElementById('p1').style.visibility='visible'" />
<input type="button" value="隐藏文本" onclick="document.getElementById('p1').style.display='none'" />
<input type="button" value="显示文本" onclick="document.getElementById('p1').style.display='block'" />
$(this).hide(1000),这jquery自带隐藏函数  隐藏页面元素以后也不会占据位置，1000为毫秒值。
show() 显示
toggle() 触发切换显示和隐藏。