关闭或打开

<style>
.title{border:3px solid #FF0000; height:10px; color:#FFFFFF; background-color:#FF0000; cursor: pointer}
.content{border:3px solid #FF0000; height:500px;}
</style>

<div onClick="a('1')" class="title">关闭或打开1</div>
<div  class="content" id="1" style="display:none">1</div>

<div onClick="a('2')" class="title">关闭或打开2</div>
<div  class="content" id="2" style="display:none">2</div>

<div onClick="a('3')" class="title">关闭或打开3</div>
<div  class="content" id="3" style="display:none">3</div>

<script>
function $() {
  var elements = new Array();
    for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);
    if (arguments.length == 1) 
      return element;
      elements.push(element);
  }
  return elements;
}

function a(obj)
{
 $(obj).style.display = $(obj).style.display=="none" ? "":"none";
}

 </script>

****************************************************************************************************************************

<style>
div {width:100px; height:50px; border:1px solid #FF0000; float:left; margin:20px}
.div_1_0 {color:#FFFFFF; background-color:#0000FF}
.div_1_1 {color:#FFFFFF; background-color:#00FFFF}
.div_1_2 {color:#FFFFFF; background-color:#FF0}
.div_1_3 {color:#FFFFFF; background-color:#0F00FF}
.div_1_4 {color:#FFFFFF; background-color:#23456}
.open {color:#FFFFFF; background-color:#FF0000; background-image: url(001.png)}

</style>
 <script language="JavaScript" type="text/javascript">
 <!--//--><![CDATA[//><!-- 
 var isIE = navigator.userAgent.toLowerCase().indexOf("msie")!=-1;
 var $E = function(elemId){
  if(document.getElementById){
   return document.getElementById(elemId);
  }else if(document.layers){
   document.layers[elemId];
  }else{
   return eval('document.all.' + elemId);
  }
 }

 function menu(mid,idx){
  for(var i=0;i<10;i++){
   if(!$E("id_"+mid+"_"+i)) break;
   $E("id_"+mid+"_"+i).className = "div_"+mid+"_"+i;

  }
  $E("id_"+mid+"_"+idx).className = "open";

 }
 //--><!]]>
 </script>

<div id="id_1_0" class="open" onmouseover="menu(1,0)">0</div>
<div id="id_1_1" class="div_1_1" onmouseover="menu(1,1)">1</div>
<div id="id_1_2" class="div_1_2" onmouseover="menu(1,2)">2</div>
<div id="id_1_3" class="div_1_3" onmouseover="menu(1,3)">3</div>
<div id="id_1_4" class="div_1_4" onmouseover="menu(1,4)">4</div>