从选择输入中显示和隐藏多个输入框

Question

我有一个表格，为最终用户提出了许多问题。在形式的某一点上，有一个问题有3种替代方式来继续表格。如果选择了选项1（例如），则DIV 1显示。

如果选择了选项2，则显示DIV 2。我有这个工作。只有当最终用户犯了（例如）错误并选择了选项1，并且下一个选项2才能更正时，DIV 1 + 2才会显示。

我试图实现的是当最终用户选择1，并且出错和选择选项2时，仅显示新选择的选项。

$(function() {

        $('#my_select').change(function() {
            $('.DIV_1').slideUp("slow");
            $('#' + $(this).val()).slideDown("slow");
        });
		
		$('#my_select').change(function() {
            $('.DIV_2').slideUp("slow");
            $('#' + $(this).val()).slideDown("slow");
        });
	
    });

Answer 1

当显示一个div时，您需要隐藏另一个div。以下应该这样做：

$(function() {

        $('#my_select').change(function() {
            $('.DIV_1').slideUp("slow");
            $('#' + $(this).val()).slideDown("slow");
            $('.DIV_2').hide();
        });

        $('#my_select').change(function() {
            $('.DIV_2').slideUp("slow");
            $('#' + $(this).val()).slideDown("slow");
            $('.DIV_1').hide();
        });

    });