点击隐藏和显示的js代码

<a onClick="cg('hd1')">drupaluser.org-1</a>
<a onClick="cg('hd2')">drupaluser.org-2</a>
<a onClick="cg('hd3')">drupaluser.org-3</a>
<a onClick="cg('hd4')">drupaluser.org-4</a>
<!--隐藏开始-->

<div>
<div id="hd1" style="display:none"><ul><li><a href="http://www.drupaluser.org">drupaluser.org-1</a></li></ul></div>
<div id="hd2" style="display:none"><ul><li><a href="http://www.drupaluser.org">drupaluser.org-1</a></li></ul></div>
<div id="hd3" style="display:none"><ul><li><a href="http://www.drupaluser.org">drupaluser.org-1</a></li></ul></div>
<div id="hd4" style="display:none"><ul><li><a href="http://www.drupaluser.org">drupaluser.org-1</a></li></ul></div>

</div>
<!--隐藏结束-->
<script>
function cg(id)
{
var f
for (f=1;f<=4;f++){
//全部隐藏;
document.getElementById('hd'+f).style.display="none"
}
//单独再设置传入ID显示
document.getElementById(id).style.display="block"

}
</script>

taxonomy: