jQuery根据表单选择显示项目并隐藏其他项目

Question

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

基本上，当我显示这些字段时，我想要隐藏任何已经可见的字段。因此，您一次只能与1进行交互。

如果你可以请看看这个并告诉我哪里出错我会很棒！谢谢！

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

Answer 1

你快到了。当您尝试隐藏所有其他选项时，您没有选择正确的元素。试试这个：

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

Answer 2

我会隐藏它们并显示你想要的那个。像这样：

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

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