javascript - 使用多个选择框隐藏 div

Question

我有 4 个要显示/隐藏的选择是/否框。下面的 else 语句有效，但我只想隐藏它已经显示的 div(.hidden 的 CSS 是 {display:none})。我需要构建一个单独的函数吗？

JS:

$(document).ready(function(){
    $('#questions').change(function() {
        var q1Val = $('#q1 :selected').val();
        var q2Val = $('#q2 :selected').val();
        var q3Val = $('#q3 :selected').val();
        var q4Val = $('#q4 :selected').val();

        //alert(selectVal);
        if (q1Val == "No" && q2Val == "No" && q3Val == "No" && q4Val == "No" ) {
             $(".hidden").show( "slide" );
             //updated code to use show()
        }
        else {
            $(".hidden").hide( "slide" );
        }
    });
});

Answer 1

在选择器中使用:visible:

$(".hidden:visible").hide( "slide" );

并不是说我太了解这一点，只需将 $(".hidden").hide( "slide"); 语句作为代码的第一部分，即它只是隐藏它，并通过更改逻辑显示正确的内容。