javascript - 如何在不重复 Div 选择器的情况下设置 JQuery .show/.hide

Question

我想将此函数传递给 True 或 False，并让列出的元素在此输入上显示 (true) 或隐藏 (false)。

我目前正在使用这个功能...

        function SetElementVisibility(visible) {
        if (visible) {
            $("#Div1").show("slow");
            $("#Div2").show("slow");
            $("#Div3").show("slow");
        }
        else {
            $("#Div1").hide("slow");
            $("#Div2").hide("slow");
            $("#Div3").hide("slow");
        }
    }

但我不想通过为每个结果命名 Div 来重复自己。

我如何将其重构为更 DRY(不要重复自己)的示例？

谢谢，可汗

Answer 1

使用方括号表示法根据可见变量选择一个方法名:

$('#Div1, #Div2, #Div3')[visible? 'show' : 'hide']('slow');