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

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

    });