display van multiple divs

[edo081]

hallo mensen , ik heb een functie die ervoor zorgt dat als ik op een knop klik binnen mijn site hij een bepaalde div toont en de rest verbergt, maaaar ik wil nog twee divs laten zien of juist verbergen.

ik heb nu dit:

var lastNr = null;
                function fnSet(nr)
                {       
                        if (lastNr == null)
                                lastNr = link1;

                        lastNr.style.display = "none";
                        nr.style.display = "";

                        lastNr = nr;
                }

maar heb geen id hoe ik dat ombouw zodat ik bij een druk op de knop 3 verschillende divs aanspreek, kan iemand mij helpen ??


M.v.g. Erik

 

[Egel]

Iets als dit?

<style type="text/css">
 .part { display: none; width: 480px; height: 320px; background: #eee;}
</style>

<script type="text/javascript">
 // Egel 070405 ;)
 function showPart(nr) {
  for (var i = 1; i <= 3; i++) {
   document.getElementById('part' + i).style.display = (nr == i ? 'block' : 'none');
   };
  };
</script>

<form>
 <input type="button" onclick="showPart(1)" value="Deel 1">
 <input type="button" onclick="showPart(2)" value="Deel 2">
 <input type="button" onclick="showPart(3)" value="Deel 3">
 <input type="submit" value="Versturen">
 <br><br>
 <div id="part1" class="part" style="display: block;">
  [Deel 1]
 </div>
 <div id="part2" class="part">
  [Deel 2]
 </div>
 <div id="part3" class="part">
  [Deel 3]
 </div>
</form>

Vr.Gr. Egel.