Strange jQuery radio button показать/скрыть ошибку

Question

Я хочу, чтобы текстовое поле имени пользователя отображалось, когда были выбраны op1 и op2, и оба текстовых поля, если выбрано op3. У меня странная ошибка, на которой будет выбран любой переключатель, всегда будет отображаться поля ввода имени пользователя и пароля. Почему это происходит?

HTML:

<div>Please select operation:<br /> 
    <input type="radio" id="op1" name="op" value="check_username">Check Username<br /> 
    <input type="radio" id="op2" name="op" value="find_profile">Find Profile<br /> 
    <input type="radio" id="op3" name="op" value="check_credentials">Check Credentials 
</div><br /> 

<div id="un">Username:<br /><input type="text" /></div> 
<div id="pwd">Password:<br /><input type="text" /></div> 

JQuery:

$(document).ready(function() { 
    $('#un, #pwd').hide(); 
    $('input[name="op"]').prop('checked', false); 
    $("input[type=button]").attr("disabled", "disabled"); 

    $('input:radio[name=op]').change(function() { 
     var op = $('input:radio[name=op]:checked').val(); 
     alert(op); 
     switch(op) { 
      case 'check_username': 
      $('#un').show(); 
      $('#pwd').hide(); 
      case 'find_profile': 
      $('#un').show(); 
      $('#pwd').hide(); 
      case 'check_credentials': 
      $('#un, #pwd').show(); 
     } 
    }); 
}); 

Answer 1

Вы упускаете break заявления после каждого из ваших case заявлений. Это working fine после того, как я их добавил!

Answer 2

ты забыл 'перерыв' в каждом конкретном случае:

switch(op) { 
     case 'check_username': 
     $('#un').show(); 
     $('#pwd').hide(); 
     break; 
     case 'find_profile': 
     $('#un').show(); 
     $('#pwd').hide(); 
     break; 
     case 'check_credentials': 
     $('#un, #pwd').show(); 
     break; 
    }