레이어1은 보이고 레이어2는 감추기

http://eond.com/mynote/
즐겨찾기[+] | 미니홈피[+]

왼쪽 하단에 보시면 이런 두개의 셀렉트 폼이 존재합니다.
즐겨찾기를 클릭하면 LinkerSticker 셀렉트 폼이 나오고 다시 클릭하면 사라지는 토글이죠.
미니홈피 역시 마찬가지입니다.
처음 접속 시는 즐겨찾기 하나의 셀렉트 폼만 나오게 됩니다.

구현하려는 것이,
즐겨찾기를 클릭하면 즐겨찾기 셀렉트 폼만 나오고 미니홈피 셀렉트 폼은 사라지고,
미니홈피를 클릭하면 미니홈피 셀렉트 폼만 나오고 즐겨찾기 셀렉트 폼은 사라지게 하려고 하거든요.

레이어에 z-index 속성을 넣어서

문제, 같은 위치에 2개의 레이어 삽입하는 것.

<script>

//마우스On ShowLayer
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
</script>

<span onMouseOver="MM_showHideLayers('fav','','show','minihompy','','hide')" style="cursor:hand">즐겨찾기[+]</span>
<span onMouseOver="MM_showHideLayers('minihompy','','show','fav','','hide')" style="cursor:hand">미니홈피[+]</span>