nascondi, visualizza div

[Hedo]

Ma infatti fino a li ci ero arrivato:

function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
if(document.layers) //NN4+
{
document.layers[szDivID].display  = iState ? "block" : "none";
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(szDivID);
obj.style.display  = iState ? "block" : "none";
}
else if(document.all) // IE 4
{
document.all[szDivID].style.display  = iState ? "block" : "none";
}
} 

        <div id="button">
            <input type="button" onClick="toggleBox('slide_01',1);toggleBox('slide_02',0);" value="1">
            <input type="button" onClick="toggleBox('slide_01',0);toggleBox('slide_02',1);" value="2">
        </div>
    
        <div id="slide_01" class="nascosto">slide 1</div>
        <div id="slide_02" class="nascosto">slide 2</div> 

il problema che cosi se ho 20 divs devo fare una riga lunghissima che mi spegne tutti i divs; invece a me servirebbe un ciclo automatico che mi nasconte tutti i divs e mi fa accendere solo quello che voglio io.