Show/Hide divs on radio selection

Question

У меня есть 3 divs, которые содержат радио с ярлыками и под каждым переключателем. Я хотел бы показать/скрыть форму, основанную на выборе или отсутствии радио.

Код идея:

<div id="radio1"></div> 
<div id="form1"></div> 

<div id="radio2"></div> 
<div id="form2"></div> 

<div id="radio3"></div> 
<div id="form3"></div> 

Используя прототип есть ли какие-либо основные идеи или предложения по лучшим способом для достижения этой цели. Любые предлагаемые сценарии или ссылки были бы весьма полезны. Я новичок в прототипе и с трудом схватываю концепцию или нахожу что-нибудь полезное в Интернете. Теоретически я бы не подумал, что это будет слишком сложно, но заблаговременно за любую помощь.

Answer 1

Используйте этот шаблон:

<div onclick="$('form1').toggle()" id="radio1"></div> 
<div id="form1" style="display"none"></div> 

Вы можете цепи их вместе, чтобы управлять другими элементами, а также:

<div onclick="$('form1').toggle();$('form2').hide();$('form3').hide()" id="radio1"></div> 
<div id="form1" style="display"none"></div> 

Есть лучшие способы сделать это, такие как выбор всех элементов, имеют один и тот же класс, скрывая их, а затем отображая элемент с щелчком. Но с точки зрения новичка это должно делать то, что вы хотите.