Как да направя кат цъкна на един див да се скрие другия

[sasho0o]

<script>
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("div");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar.className=="submenu")
ar.style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
</script>


<div id="masterdiv">
<a href="#" onclick="SwitchMenu('sub1')"><b>Покажи 1</b></a>
<a href="#" onclick="SwitchMenu('sub2')"><b>Покажи 2</b></a>
</div>


<div class="submenu" id="sub1">
pyrviq
</div>

<div class="submenu" id="sub2">
vtoriq
</div>

искам първия ДИВ да е показан с отварянето на страницата а като цъкнеш на "Покажи 2" да скрие sub1 а да излезе само sub2

 

[Fill]

<script type="text/javascript">
function SwitchMenu(id1,id2){ 
document.getElementById(id1).style.display = "none"; 
document.getElementById(id2).style.display = "block"; 
}
</script>
<div id="masterdiv">
<a href="#" onclick="SwitchMenu('sub2','sub1')"><b>Покажи 1</b></a>
<a href="#" onclick="SwitchMenu('sub1','sub2')"><b>Покажи 2</b></a>
</div> 


<div class="submenu" id="sub1">
pyrviq
</div>

<div class="submenu" id="sub2"style="display:none">
vtoriq
</div>

Това е най-елементарния вариант, мисля че ще ти свърши работа

 

[sasho0o]

бааа заспа +1 мерси много