Question

之前我问过如何让我的显示/隐藏功能正常工作，感谢您的帮助，这解决了我的问题。现在我只是停留在显示一组DIVS的点上。为了更准确，我有4个div，都有一个唯一的ID和CLASS。通过选择列表中的选项来显示这些DIVS。

当用户选择DIV_1时，DIV_1会显示。我使用的JQuery部分通过唯一ID和Class选择DIV。只是现在我尝试结合一些。因此，当用户选择选项5时，例如DIV_1和DIV_2显示，选项6 DIV_3和DIV_4。显示。只是现在我被卡住，因为我在唯一ID上显示DIV，所以我无法将它组合起来。有没有人知道如何做到这一点？

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

Answer 1

您可以为对象分配多个类。这样可以更轻松地选择子集。例如，现在您可以在此示例中选择.top .middle或.bottom。您可以将其他类应用于所有这些类，以便能够一次显示/隐藏所有这些类。例如。

<div class="div_1 top"></div>
<div class="div_2 top"></div>
<div class="div_3 middle"></div>
<div class="div_4 middle"></div>
<div class="div_5 bottom"></div>
<div class="div_6 bottom"></div>

显示和隐藏一组div

1 个答案: