如何使用現有的JavaScript來顯示/隱藏textarea？

Question

我對使用現有的JavaScript和我的HTML有一個挑戰。我的HTML是兩個單選按鈕和元素'textarea'。當選擇一個單選按鈕（按鈕：否）時，必須顯示文本區域，選擇其他按鈕（按鈕：是）時，必須隱藏文本區域。

<span><input type="radio" name="feedback" id="Yes" value="Yes"><label for="Yes">Yes</label></span> 
<span><input type="radio" name="feedback" id="No" value="No"><label for="No">No</label></span> 

<div class=""> 
    <h5>lorem ipsum da lore</h5> 
    <textarea>Lorem ipsum da lore</textarea> 
</div> 

以下JavaScript我必須用來實現所需的效果。我是相當新的JavaScript，因此我希望有人能解釋的最好方法是使用以下的JavaScript代碼是什麼：

$("input.kpn-bh-hideShow").change(function(){ 
    var id1 = $(this).attr('class').split(' ')[1]; 
    var id2 = $(this).attr('class').split(' ')[2]; 

    if(id1 && id2){ 
     $('#' + id1) 
      .hide() 
      .find('input, select') 
      .attr("disabled","disabled"); 

     $('#' + id2) 
      .show() 
      .find('input, select') 
      .filter(":visible") 
      .removeAttr("disabled"); 
    }else{ 
     $('#' + id1) 
      .hide() 
      .find('input, select') 
      .attr("disabled","disabled"); 
    } 

Answer 1

**check out this code for this ** 
    <form name="f"> 
    <input type="radio" id="a" name="a"/> 
    <input type="radio" id="b" name="a" /> 
    <textarea>here is a textarea</textarea> 

    </form> 
<script type="text/javascript"> 
//A link for the jquery library must be added here 
$("#a").onclick(function(){ 
$("textarea").css("display","none"); 

}); 
$("#b").onclick(function(){ 
$("textarea").css("display","block"); 
}); 
</script>