라디오 버튼을 사용하는 접을 수있는 콘텐츠?

Question

사용자가 라디오 버튼을 클릭했는지 여부에 따라 텍스트 필드를 표시하거나 숨기려고합니다. 이것이 가능한가? 문서에 따르면 접을 수있는 콘텐츠에는 헤더가 필요합니다.

여기없는 접을 수있는 내용이 내 코드입니다 :

<fieldset data-role="controlgroup" data-mini="true"> 
      <input type="radio" name="radio-mini" id="radio-mini-1" value="choice-1" /> 
      <label for="radio-mini-1">No</label> 

      <input type="radio" name="radio-mini" id="radio-mini-2" value="choice-2" /> 
      <label for="radio-mini-2">Yes</label> 
    </fieldset> 
    <label for="textarea-a">Textarea:</label> 
    <textarea name="textarea" id="textarea-a"> 
    </textarea> 

내가 라디오 버튼이 표시된 경우 텍스트 영역을 표시하고 싶습니다 "예"를 클릭. 어떤 아이디어?

Answer 1

음, radio과 textarea는 형제 자매는 (당신이 사용하고, 행복은 최신 브라우저와 호환되도록) 당신은 CSS를 사용할 수있는 경우 :

label[for=textarea-a], 
#textarea-a { 
    display: none; 
} 

#radio-mini-2:checked ~ label[for=textarea-a], 
#radio-mini-2:checked ~ #textarea-a { 
    display: block; 
}​ 

JS Fiddle demo.

위에서 나는합니다 ( textarea으로, 그 label 이 방법이 작동하는 형제 자매로이)가 fieldset에서 radio 요소를 제거했습니다.