选择单选按钮时显示单个div

Question

需要一个简单的答案，因为我发现的很多东西都太复杂了，无法满足我的需要。

id就像一些jquery，根据单选按钮选择显示div。因此，如果选择值0，则显示div？非常感谢！

<p class="form-element">

<label for="MainContent_radioTerms_0">T&Cs Active</label>
<input id="MainContent_radioTerms_0" type="radio" name="ctl00$MainContent$radioTerms" value="0" />
<label for="MainContent_radioTerms_1">T&Cs Inactive</label>
<input id="MainContent_radioTerms_1" type="radio" name="ctl00$MainContent$radioTerms" value="1" />  

</p>

<div class="terms" style="display:none"></div>

Answer 1

$("input[name='ctl00$MainContent$radioTerms']").click(function() {
  if($(this).val() == 0)
    $("div.terms").show()
  else
    $("div.terms").hide()
});

Answer 2

$('input:radio').change(function() {
     $('div.terms').toggle($(this).val() === '0');
});

http://jsfiddle.net/infernalbadger/GpLd6/

Answer 3

if($('#MainContent_radioTerms_0').is(':selected')) {
    $('.terms').show();
}