js点击显示div，点击取消隐藏div

<script language="javascript" type="text/javascript">
<!--
function changeBody(index){
switch(index){
case 1:{
document.getElementById('iDBody1').style.display = "";
document.getElementById('edit').style.display = "none";
document.getElementById('delete').style.display = "";
break;
}
case 2:{
document.getElementById('iDBody1').style.display = "none";
document.getElementById('edit').style.display = "";
document.getElementById('delete').style.display = "none";
break;
}
}
}
-->
</script>
<span id="delete" style="display:none"><a href="#" onclick="changeBody(2);" />取消</a></span>
<span id="edit"><a href="#" onclick="changeBody(1);" />填写</a></span>
<div id="iDBody1" style="display:none;border:1px solid #B1CEEF;margin-left:0px;background:#E7F1FB;padding-left:10px;width:370px;height:60px;color:#00f;"></div>