라디오 선택시 div 표시/숨기기

Question

레이블이있는 라디오가 포함 된 3 개의 div가 있고 각 라디오 버튼 아래에 라디오가 선택되었는지 여부에 따라 양식을 표시하거나 숨기고 싶습니다.

코드의 아이디어는 :

<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> 

는 모든 요소를 ​​선택하는 등이 작업을 수행하는 더 나은 방법이있다 그 같은 클래스를 가지고, 숨긴 다음, 클릭 된 요소를 보여줍니다. 그러나 초보자의 관점에서 볼 때, 이것은 당신이 원하는 것을해야합니다.