Html css jscript - как спрятать/показать форму

[Конструктор]

на странице есть :
1 input radio - 3 штуки..
дадее...
2 форма №1
3 форма №2

Так вот надо чтоб в зависимости от выбора radio , форма №1 менялась на другую..,
а форма №2 всегда одна и таже..
как это сделать через javascript?
---------
P.s. Если яваскрипт отключен у ползователя - должны выводится все формы...

 

[ALEXu]

Логика:
при загрузке страницы onload убираем формы (display='none') Если скрипты откл. формы останутся. Ну а дальше еще проще onClick.tutForma.display='';

 

[Конструктор]

Логика:
при загрузке страницы onload убираем формы (display='none') Если скрипты откл. формы останутся. Ну а дальше еще проще onClick.tutForma.display='';

А как вообще после display='none' можно обратно отобразить форму? Ведь пользователь может хоть 100 раз переключать radio и форма должна столько же раз удаляться/добавляться..
Пока никакого решения не нашел.. onClick.tutForma.display='hide' - скрывает фому , а место занимаемое остается.. это совсем ничего не дает..

 

[ALEXu]

display=''; пустые кавычки, вместо hide используйте none

 

[marker]

html для наглядности

<form id='form1'>
<input type='radio' name='vasya' value='1'>
<input type='radio' name='vasya' value='2'>

javascript вставлять после форм.

var form2 = document.getElementById('form2');
form2.style.display = 'none';
var forminput = document.getElementById('form1').getElementsByTagName('input');
for(i=0;i<forminput.length;i++){
  if(forminput[i].type=='radio' && forminput[i].name='vasya') 
       forminput[i].onclick = function(){
          if(form2.style.display=='none') form2.style.display = '';
          else form2.style.display = 'none';
       }
}

Написал в спешке на чистом js