点击同一旋钮显示或者隐藏内容

点击同一按钮显示或者隐藏内容
javascript:document.getElementById('hoary').style.display=document.getElementById('hoary').style.display==''?'none':''
当document.getElementById("hoary").style.display=''
时候, id为"hoary"的页面元素显示。
当document.getElementById("hoary").style.display='none'
时候, id为"hoary"的页面元素隐藏。
document.getElementById('hoary').style.display==''?'none':''表示当display等于''时候则给它赋值'none'
当display等于'none'时候则给它赋值''
这样就实现了单击同一元素可显示或者隐藏某个页面元素内容的功能。

<script type="text/javascript">
function show(){
document.getElementById("hoary").style.display=document.getElementById("hoary").style.display==''?'none':'';
}
</script>

这是html页面

<a href="javascript:void()" onclick="show()">点击此处显示或隐藏</a>
<div id="hoary" style="display:none">可以隐身可以显示。</div>