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

 

js点击显示div,点击取消隐藏div_display

 

  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>