@andreylevchenko98

Как включить показ изображений в зависимости от нажатой кнопки?

Добрый вечер! Есть секция сайта "Портфолио", в данной секции идут изображения по категориям. Категория изображений выбирается нажатием на кнопку.
Как сделать так, чтобы при нажатии на кнопку "Всё", показывались все изображения, при нажатии на кнопку "Кухни" элементы с
class="kitchen"
и другие кнопки соответственно так же. Изначально настранице 6 элементов, по нажатию на кнопку "Показать все" добавляется еще 6.
<article class="buttons">
	<button class="button-sel" id="all">Всё</button>
	<button class="button-sel" id="kitchen">Кухни</button>
	<button class="button-sel" id="child">Детские</button>
	<button class="button-sel" id="coupe">Шкафы-купе</button>
</article>
<article class="images">
	<img class="all kitchen" src="img/furniture/kitchen.jpg" alt="Кухня1">
	<img class="all child" src="img/furniture/child.jpg" alt="Детская1">
	<img class="all coupe" src="img/furniture/coupe.jpg" alt="Купе1">
</article>
<article>
	<button id="show-all">Показать все</button>
</article>

5b13229d31917918381450.png
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 1
@boga-net
Попробуйте плагин isotope
И, кажется, ещё masonry по этой теме
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы