jquery - 单选按钮显示和隐藏 div 2

Question

我有 2 个单选按钮。当我单击其中之一时，会出现新的 div。我希望当我选择第二个按钮时它消失。

提前谢谢您。

<p><label>Type</label><input type='radio' name='affType' value='private' class='short_filed' checked /> Private <input type='radio' name='affType' value='company' class='short_filed return'/> Company</p>

<div class="hidden">
    <p><label>Name</label><input type='text' name='companyName' value=''  /></p>
</div>


<script>
$(".hidden").hide(400);
$('.return').change(function(){
   if(this.checked){
      $('.hidden').show( "slide", 400);
   }else{
      $('.hidden').hide( "slide", 400);
   }
});
</script>   

Answer 1

WORKING FIDDLE

$(".hidden").hide(400);
$('input[type="radio"]').change(function(){
    if($(this).val() == 'company'){
      $('.hidden').show();
   }else{
      $('.hidden').hide();
   }
});