Afficher/Cacher les divs sur la sélection de la radio

Question

J'ai 3 divs qui contiennent la radio avec des étiquettes et sous chaque bouton radio je voudrais montrer/cacher un formulaire basé sur si la radio est sélectionnée ou non.

code idée:

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

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

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

utilisant prototype ne quelqu'un a une idée de base ou suggestion sur la meilleure façon d'y parvenir. Tous les scripts ou liens suggérés seraient grandement appréciés. Je suis un novice pour prototyper et avoir du mal à saisir le concept ou à trouver quelque chose d'utile en ligne. En théorie je ne pense pas que ce serait trop compliqué mais merci d'avance pour toute aide.

Answer 1

Utilisez ce modèle:

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

Vous pouvez enchaîner ceux-ci ainsi que pour contrôler d'autres éléments ainsi:

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

Il existe de meilleures façons de faire, comme la sélection de tous les éléments avoir la même classe, en les cachant, puis en montrant l'élément cliqué. Mais du point de vue du débutant, cela devrait faire ce que vous voulez.