Bueno, lo que quieres lograr es una combinación entre javascript y CSS...
Aqui te paso el java que yo uso en una página, que dependiendo de lo que se seleccione en un radio button, muestra u oculta otro parte del formulario...
Código PHP:
function esconde () {
if(document.getElementById){
//Netscape
puplayer = document.getElementById("pup");
paxlayer = document.getElementById("pax");
}
if (document.all) {
//Explorer
puplayer = document.all["pup"];
paxlayer = document.all["pax"];
}
puplayer.style.display = "none";
paxlayer.style.display = "none";
}
function cambiapax () {
if(document.getElementById){
//Netscape
estelayer = document.getElementById("pax");
cajita = document.getElementById("otra");
}
if (document.all) {
//Explorer
estelayer = document.all["pax"];
cajita = document.all["otra"];
}
if (cajita.checked==true) {
estelayer.style.display = "block";
} else {
estelayer.style.display = "none";
}
}
function cambiapup () {
if(document.getElementById){
//Netscape
estelayer = document.getElementById("pup");
cajita = document.getElementById("otra2");
}
if (document.all) {
//Explorer
estelayer = document.all["pup"];
cajita = document.all["otra2"];
}
if (cajita.checked==true) {
estelayer.style.display = "block";
} else {
estelayer.style.display = "none";
}
}
pax, pup y otra son los ID de los elementos en cuestión...
Saludos!!