Javascript 显示和隐藏一组div

Javascript 显示和隐藏一组div,javascript,jquery,Javascript,Jquery,之前我问过如何让我的显示/隐藏功能工作,多亏了你的帮助,这解决了我的问题。现在我只想展示一组div。 更准确地说,我有4个div,它们都具有唯一的ID和类。通过在列表中选择一个选项来显示这些div 当用户选择DIV_1时,将显示DIV_1。我使用的JQuery部分根据唯一的ID和类选择一个DIV。只是现在我试着结合一些。因此,当用户选择选项5(例如DIV_1和DIV_2)时,将显示选项6 DIV_3和DIV_4。显示。只是现在我被卡住了,因为我在唯一ID上显示了一个DIV,所以我不能合并它。有人

之前我问过如何让我的显示/隐藏功能工作,多亏了你的帮助,这解决了我的问题。现在我只想展示一组div。 更准确地说,我有4个div,它们都具有唯一的ID和类。通过在列表中选择一个选项来显示这些div

当用户选择DIV_1时,将显示DIV_1。我使用的JQuery部分根据唯一的ID和类选择一个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");
        });

可以为一个对象指定多个类。这将使选择子集更容易。例如,现在您可以在本例中选择.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>

在上面的问题中,我们应该如何知道您做了什么。