Sub radios on radio checked

by nobuts

HTML

<label><input type="radio" name="cate" value="1" id="cate1" />Pure Water</label>
<label><input type="radio" name="cate" value="2" id="cate2" />Other</label>

<div class="cate2_sub">
  <label><input type="radio" name="scate2" value="1" id="scate1" />Soda</label>
  <label><input type="radio" name="scate2" value="2" id="scate2" />Coffee</label>
  <label><input type="radio" name="scate2" value="3" id="scate3" />Juice</label>
</div>

JavaScript

$('.cate2_sub').hide();
$('input:radio[name="cate"]').change(
  function() {
    if (this.checked && this.value == '2') {
      $('.cate2_sub').show();
    } else {
      $('.cate2_sub').hide();
    }
  });