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

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

 

 

1. <script language="javascript" type="text/javascript"> 
2. <!-- 
3.     function changeBody(index){ 
4.     switch(index){ 
5.         case 1:{ 
6.           document.getElementById('iDBody1').style.display = ""; 
7.           document.getElementById('edit').style.display = "none"; 
8.           document.getElementById('delete').style.display = ""; 
9.        break; 
10.         } 
11.         case 2:{ 
12.           document.getElementById('iDBody1').style.display = "none"; 
13.           document.getElementById('edit').style.display = ""; 
14.           document.getElementById('delete').style.display = "none"; 
15.        break; 
16.         } 
17.     } 
18.     } 
19. --> 
20. </script> 
21. <span id="delete" style="display:none"><a href="#" onclick="changeBody(2);" />取消</a></span> 
22. <span id="edit"><a href="#" onclick="changeBody(1);" />填写</a></span> 
23. <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> 

 

      本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/943040，如需转载请自行联系原作者