Tända/släcka div-taggar

Hej!

Jag har ett långt formulär som jag vill dela upp i olika delar. Jag vill ha all kod på samma HTML-sida och vill inte att värdena ska skickas in förrän på sista delen av formuläret. Det ska alltså se ut som om man klickar sig framåt längs olika sidor, men man ska vara på samma sida egentligen.

Så jag tänkte dela in formuläret i olika <div> taggar som jag sedan tänder och släcker, för att först i sista <div> skicka in värdena.

Hur gör jag för att visa enbart en <div> tag i taget med hjälp av javascript i form av "nästa sida"-knapp?

Jag kan inte själv javascript så ni måste svara detaljerat.

Tacksam för svar!
/Anders

<style type="text/css">

#page2,#page3 {
    display: none;
}

</style>

<script type="text/javascript">

function page(id){
    var _this = document.getElementById(id),
	elm,
	i = 1;
    while (elm = document.getElementById("page" + i++))
	if (elm == _this)
	    elm.style.display = "block";
	else
	    elm.style.display = "none";
}

</script>

<form>
    <div id="page1">
	Namn: <input type="text" name="namn"><br>
	<input type="button" value="Nästa &raquo;" onclick="page('page2')">
    </div>
    <div id="page2">
	Adress: <input type="text" name="adress"><br>
	<input type="button" value="&laquo; Föregående" onclick="page('page1')"><input type="button" value="Nästa &raquo;" onclick="page('page3')">
    </div>
    <div id="page3">
	Tel.: <input type="text" name="tel"><br>
	<input type="button" value="&laquo; Föregående" onclick="page('page2')"><input type="submit">
    </div>
</form>