показ блока из комбинации select и radio (глючит)

by foxss

HTML

<div id="parametrs">
    <select  name="n">  
        <option value="blok2">blok2</option>
       <option value="blok3">blok3</option>
    </select>
</div>
 <br/>
<div id="blok2" class="hide">
    <lable><input name="zz" type="radio" name="zz" value="viewblok" >показать блок3</lable><br>
    <lable><input type="radio" name="zz" value="hideblok" checked="checked">скрыть блок</lable>
</div>
<br>
<div id="blok3" class="hide">
    <lable><input type="radio" name="yy">выбор1</lable><br>
    <lable><input type="radio" name="yy">выбор2</lable>
  </div>

CSS

.hide{display:none;}
#blok2{background:white;
width:150px;}
#blok3{background:yellow;
width:150px;}

JavaScript

$('#parametrs select').change(function(){
    $('.hide').hide(300);
    $('#blok2 input:radio[value="hideblok"]').prop('checked','checked');
    $out = $(this).val();
    if ($out == 'blok3') {
        $('#blok2').show(300);
    }
    if ($out == 'blok2') {
        $('#blok2').show(300);
        $('#blok2 input').change(function() {
            $outs = $(this).val();
            if ($outs == 'hideblok'){
                $('#blok3').hide(300);
            }else{
                $('#blok3').show(300);
            }
        });
    }
});