billedeskift ved onclick

Jeg er ved at lave en menustruktur, hvor hvert menupunkt foldes ud ved et klik på et "plus"-billede og foldes sammen ved et klik på det fremkomne "minus"-billede. Følgende virker fint med en instans af billedet:

<script language="javascript" type="text/javascript">
var minus = false
function switch_pic(pic){
    if (minus){
    pic.src = "images/plus_20x20.gif";
    minus = false}
    else{
    pic.src = "images/minus_20x20.gif";
    minus = true}
}
</script>

<a href="#" onClick="document.getElementById('tekst1').style.display = (document.getElementById('tekst1').style.display == 'none') ? 'block' : 'none';return false;"><img src="images/plus_20x20.gif" alt="" border="0"  name="1" onclick="switch_pic(this)"></a>

Poblemet er at jeg har flere undermenuer, der skal kunne foldes ud samtidig, og det ødelægger rækkefølgen med at vise plusser og minusser korrekt.