显示和隐藏一组 div

Posted 2023-02-25

【中文标题】显示和隐藏一组 div

【英文标题】：Display and hide a set of divs

【发布时间】：2015-11-17 04:20:36

【问题描述】：

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

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

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

【问题讨论】：

使用选项发布您的工作代码以及您之前提出的问题在哪里我们应该如何在上一个问题中知道您做了什么。

【参考方案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>