JQuery - Formulario desplegable

<style>

	.segundo {display:none;}

</style>

<script>

function selecPrimero(data)

{

	// escondemos los elementos de segundo nivel...

	for(var i=0;i<document.getElementsByClassName("segundo").length;i++)

	{

		document.getElementsByClassName("segundo")[i].style.display="none";

	}

	// mostramos el segundo elemento

	var seleccionado=data.getAttribute("value");

	document.getElementById("s"+seleccionado).style.display="block";

}

</script>

<form>

	<div>

		<input type="radio" name="primero" value="1" onclick="selecPrimero(this)">primero 1

		<input type="radio" name="primero" value="2" onclick="selecPrimero(this)">primero 2

	</div>

	<div>

		<div class='segundo' id='s1'><input type="radio" name="segundo" value="1">segundo 1</div>

		<div class='segundo' id='s2'><input type="radio" name="segundo" value="2">segundo 2</div>

	</div>

</form>