пожалуйста, как я могу создать фильтр с Uikit, который фильтрует несколько элементов одновременно, не исключая другого.
То есть, я создаю список игр, и мне это нужно, когда кто-то выбирает PS4, а затем ПРИКЛЮЧЕНИЕ, я хочу, чтобы фильтр PS4 продолжал работать, а теперь отображаются только приключенческие игры для PS4.
<div class="uk-grid-small uk-grid-divider uk-child-width-auto" uk-grid>
<div>
<ul class="uk-subnav uk-subnav-pill" uk-margin>
<li class="uk-active" uk-filter-control><a href="#">All</a></li>
</ul>
</div>
<div>
<ul class="uk-subnav uk-subnav-pill" uk-margin>
<li uk-filter-control="[data-game='adventure']"><a href="#">White</a></li>
<li uk-filter-control="[data-console='ps4']"><a href="#">Blue</a></li>
</ul>
</div>
<div>
</div>
</div>
<ul class="js-filter uk-child-width-1-2 uk-child-width-1-3@m uk-text-center" uk-grid="masonry: true">
<li data-color="white" data-size="large">
<div data-game="xbox" >
<canvas width="600" height="800"></canvas>
<div class="uk-position-center">Item</div>
</div>
</li>
<li data-game="adventure">
<div class="uk-card uk-card-primary uk-card-body">
<canvas width="600" height="400"></canvas>
<div class="uk-position-center">Item</div>
</div>
</li>
<li data-game="adventure" data-console="ps4">
<div class="uk-card uk-card-default uk-card-body">
<canvas width="600" height="600"></canvas>
<div class="uk-position-center">Item</div>
</div>
</li>
</ul>
Может помочь? спасибо