Question

为了快速开头，我正在做一个网页设计介绍课程，我们需要在我们的网站上有一个基本的过滤器功能，我们被告知要按类方法使用过滤器。

对于我的网站，我按类型过滤音乐专辑封面，但我希望它们各自能够处于同一类型。我到目前为止编写的代码隐藏了所有专辑封面元素，但不会只显示我想要的代码。

我有一些关于调试的注释，我也试过其中一行来更具体地说明要显示的div，即具有多个类的那些。

.kitchen.yml

具有类dropDownMenu的div也需要隐藏，因为它是一个下拉菜单，用户从中选择需要在用户进行选择后隐藏的类型。

provisioner:
  name: chef_zero
  require_chef_omnibus: 12.6.0

难道我正在尝试使用多个类的元素吗？我尝试使用Google搜索解决方案，其他用户通过使用切换替换show / hide解决了同样的问题，但两者都不适用于我。

Answer 1

问题是您有多个class属性。您需要将所有类添加到相同的属性标签中，如下所示：class="recordElement rock metal"。

html解析器通常使用给定名称的最后一个属性，覆盖后续属性。

Answer 2

标记的答案解决了主要问题，但是为了在用户做出选择后显示/隐藏dropDownMenu元素，解决方案是有一个单独的函数，在单击元素本身时切换元素。与所有5个专辑排序功能相反，还隐藏了dropDownMenu。

$("div.dropDownMenu").click(function() {
    $("div.dropDownMenu").toggle();
});