Ayuda con ocultar y mostrar div, capa sucesivamente

[jaspher]

hola tengo este codigo que muestra y oculta div haciendo click

Código Javascript:

<script type="text/javascript">
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
</script>
 

Código HTML:

<div id="j_menu" onclick="MM_showHideLayers('j_menu_','','show')" onmousedown="MM_callJS('MM_showHideLayers')"> <a href="#">Mostrar div</a>
        <div  style="border:#F00 dashed thin; visibility:hidden" id="j_menu_" onmousedown="MM_showHideLayers('j_menu_','','hide')" onmousemove="MM_showHideLayers('j_menu_','','show')"> Contenido del menu </div>
      </div>
 

por favor quisiera saber como hacer que cuando hago click en mostra div, se muestre la otra capa y luego cuando hago otro click se oculte la capa, y asi sucesamente, espero que me puedan ayudar, no se tanto de java script, porfavor una ayuda