Показать сообщение отдельно
  #9 (permalink)  
Старый 26.01.2017, 16:57
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

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>


именно дивы в фильтре хочу использовать для того чтобы их красиво стилизовать под цвет айтемов вот пример:

Последний раз редактировалось j0hnik, 26.01.2017 в 17:03.
Ответить с цитированием