jQuery基于表单选择显示项目，并隐藏其他

Question

嘿有， 这是一个非常简单的问题，但这是我第一次使用'.not'，我不认为我正确使用它。

基本上，当我得到这些字段来显示我想隐藏任何已经可见的其他字段。所以你一次只能与1进行交互。

如果你可以请看看这个，并告诉我我要去哪里错了，那真是太棒了！谢谢！

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(); 
});