Se puede hacer con capas:
Aqui debajo te pongo un ejemplo, es algo básico para que lo pruebes y si puedes adaptarlo a lo que necesitas.
Código:
<SCRIPT LANGUAGE="JavaScript">
<!--
function TabClick(srcElement) {
if (srcElement.id == "form1a" || srcElement.id == "form3b") {
div1.style.visibility = "visible";
div1.style.display = "block";
div2.style.visibility = "visible";
div2.style.display = "block";
div3.style.visibility = "hidden";
div3.style.display = "none";
} else if (srcElement.id == "form2a") {
div1.style.visibility = "visible";
div1.style.display = "block";
div2.style.visibility = "visible";
div2.style.display = "block";
div3.style.visibility = "visible";
div3.style.display = "block";
} else if (srcElement.id == "form3a") {
div1.style.visibility = "visible";
div1.style.display = "block";
div2.style.visibility = "visible";
div2.style.display = "block";
div3.style.visibility = "visible";
div3.style.display = "block";
} else if (srcElement.id == "form2b") {
div1.style.visibility = "visible";
div1.style.display = "block";
div2.style.visibility = "hidden";
div2.style.display = "none";
div3.style.visibility = "hidden";
div3.style.display = "none";
}
}
//-->
</SCRIPT>
<DIV id=div1 style="VISIBILITY: visible; DISPLAY: block"><!-- form1 -->
<FORM METHOD=POST ACTION="">
FORMULARIO 1<BR>
<input type="button" id=form1a onclick="TabClick(this);" value="OK1">
<input type="button" id=form1b onclick="TabClick(this);" value="FIN1">
</FORM>
</DIV>
<DIV id=div2 style="VISIBILITY: hidden; DISPLAY: none"><!-- form2 -->
<FORM METHOD=POST ACTION="">
FORMULARIO 2<BR>
<input type="button" id=form2a onclick="TabClick(this);" value="OK2">
<input type="button" id=form2b onclick="TabClick(this);" value="FIN2">
</FORM>
</DIV>
<DIV id=div3 style="VISIBILITY: hidden; DISPLAY: none"><!-- form3 -->
<FORM METHOD=POST ACTION="">
FORMULARIO 3<BR>
<input type="button" id=form3a onclick="TabClick(this);" value="OK3">
<input type="button" id=form3b onclick="TabClick(this);" value="FIN3">
</FORM>
</DIV>
Un saludo
Txarly