Я построил необычный выпадающий фильтр в верхней части магазина WooCommerce products list: 
Список заполняется из пользовательской мета-версии продукта под названием hardness,Он может иметь 3 значения: big, middle и small.
Единственное, чего сейчас не хватает, так это функции, стоящей за этим.Я не знаю, как сделать это работоспособным сейчас.Таким образом, согласно плану, когда пользователь нажимает на строку groß, страница перезагружается через AJAX, и отображаются только продукты с hardness meta = big.
Мне также нужно добавить класс active ввыбранный пункт в зависимости от показанных продуктов.Когда пользователь снова щелкает строку, фильтр должен быть изменен или удален.
Я полностью озадачен и был бы признателен, если бы кто-то мог помочь мне с этим.
Это код раскрывающегося списка:
<div class="filter-toggle">
Schwierigkeit
<ul class="filter-menu">
<li>
<div class="filter-menu-data">
<span class="menu-data-inner">groß</span>
</div>
</li>
<li>
<div class="filter-menu-data">
<span class="menu-data-inner">mittel</span>
</div>
</li>
<li>
<div class="filter-menu-data">
<span class="menu-data-inner">klein</span>
</div>
</li>
</ul>
</div>