Show single div when radio button is selected

Question

Need a simple answer to this as a lot of the ones i have found have been too complex for what I need.

id like some jquery to show a div depending on a radio button selection. So if value 0 is selected, display the div? Many thanks!

<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();
}