JS实现div的显示和隐藏 侧边栏局部伪刷新的实现

效果描述：点击a标签1，触发事件open(obj)，显示div内容1，点击a标签2，隐藏div内容1,并显示div内容2……

js代码：

<script language="javascript">
		function opens(obj) {
			for (var i = 1; i <= 13; i++) {
				if (i === obj) {
					document.getElementById("con" + i).style.display = "block";
				} else
				document.getElementById("con" + i).style.display = "none";
			}
		}
</script>

<a href="#" onclick="opens(1)"><span>标签1</span></a>
<a href="#" onclick="opens(2)"><span>标签2</span></a>
<a href="#" onclick="opens(3)"><span>标签3</span></a>

<div id="con1" style="display:none;">
    <p>div内容1</p>
</div>
<div id="con2" style="display:none;">
    <p>div内容2</p>
</div>
<div id="con3" style="display:none;">
    <p>div内容3</p>
</div>