此功能基于main categories和sub-categories对项目进行排序。如果主类别的[data-color]是clicked，则将其赋予子类别文本的颜色。
下面引号中的代码显示了处理子类别按钮单击的部分代码。
代码的理想行为是：如果单击sub-category button，则这些子类别的项目将显示。如果在活动状态下再次单击它，则每个项目都会显示在该主类别下。
问题： 有时，如果您单击sub-category button，然后单击另一个，则不会立即对项目进行排序，并且{{1} }不会转移到[data-color]。
如果您删除注释/ 取消选中所需的行 /下的行，则可以正常工作，但是双击该项目不会删除子类别选择。
如何重新使用sub-category button的单击，并重新处理下面的引号中的代码，以保持第二次单击子类别的能力呢？
sub-category buttons这里是一个Codepen。该代码使用cookie，并且不会在代码段中运行。