jQuery 양식 선택을 기준으로 항목을 표시하고 나머지를 숨기기

Question

안녕하세요, 이것은 매우 간단한 문제입니다. 그러나 '.not'을 처음 사용하고 올바르게 사용하지 않는다고 생각합니다.

기본적으로 표시 할 필드를 얻었을 때 이미 표시되어있는 다른 필드를 숨기고 싶습니다. 따라서 한 번에 하나씩 만 상호 작용할 수 있습니다.

이 부분을보고 제게 내가 끔찍한 부분을 보여 주면 좋을 것 같습니다! 감사!

http://jsfiddle.net/Psvab/6/

Answer 1

나는 그들 모두를 숨기고 당신이 원하는 것을 보여줄 것입니다. 이처럼 :

$(document).ready(function() { 
    $('.coursedate').hide(); 
    $('#course_type').change(function() { 
     var optionValue = $(this).attr('value'); 
     $('.coursedate').hide(); 
     $('#'+optionValue).show('fast'); 
    }); 
}); 

http://jsfiddle.net/Psvab/10/

Answer 2

당신은 거의 다 왔어. 다른 모든 옵션을 숨기려고하면 올바른 요소를 선택하지 않습니다. 이것을 시도하십시오 :

$('#course_type').change(function() { 
    var optionValue = $(this).attr('value'); 
    var selected = $('#'+optionValue); 
    selected.show('fast'); 
    $('.coursedate').not(selected).hide(); 
});