Help!! помогите этот фильтр применить к вот такой конструкции:
Вместо селекта будут стилизованные блоки div (в активном положении будут с ярким бордером)
вот сам фильтр:
<div id="filter">
<!--Стекло-->
<div class="active"><a class="all" href="#">Все</a></div>
<div><a class="st" href="#">Остекленная</a></div>
<div><a class="gl" href="#">Глухая</a></div>
<!--Цвет-->
<div class="active"><a class="all" href="#">Все</a></div>
<div><a class="milan" href="#">Миланский орех</a></div>
<div><a class="italian" href="#">Итальянский орех</a></div>
<div><a class="venge" href="#">Венге</a></div>
</div>
и айтемы тоже не в li a в дивах
вот сами айтемы:
<div class="items">
<!--item1-->
<div class="item" data-blabla="venge st">
<div>...</div>
</div>
<!--item2-->
<div class="item" data-blabla="milan st">
<div>...</div>
</div>
<!--item3-->
<div class="item" data-blabla="italian gl">
<div>...</div>
</div>
именно дивы в фильтре хочу использовать для того чтобы их красиво стилизовать под цвет айтемов вот пример: