A ver si esto te funciona o es lo que necesitas:
Código HTML:
<script type="text/javascript" language="JavaScript">
<!--
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.visibility='hidden';
}
function ShowContent(d) {
if(d.length < 1) { return; }
else
{
document.getElementById(d).style.visibility='visible';
}
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//-->
function verifica(myId)
{
if(document.formulario.que[0].checked=true)
{
ShowContent('myId');
HideContent('myIduno');
}
else
{
HideContent('myId');
return true;
}
}
function verificauno(myIduno)
{
if(document.formulario.que[1].checked=true)
{
ShowContent('myIduno');
HideContent('myId');
return true;
}
else
{
HideContent('myIduno');
return true;
}
}
Las funciones yo las invoco dependiendo del radio buton que seleccionen, pero tu puedes cambiarlo por un evento OnClick en un boton
Código HTML:
<input type="radio" name="que" value="ingreso" onclick="verifica('myId')">
<div id="myId" style="visibility:hidden;">
Pagos
<input type="radio" name="tipo" value="pagos">
Prestamos
<input type="radio" name="tipo" value="prestamos">
Donaciones
<input type="radio" name="tipo" value="donaciones">
</div>
<input type="radio" name="que" value="egreso" onclick="verificauno('myIduno')">
<div id="myIduno" style="visibility:hidden;">
Inversiones
<input type="radio" name="tipo" value="inversiones">
Gastos
<input type="radio" name="tipo" value="gastos">
</div>
Espero te de una idea de lo que necesitas.
Salu2
Jars