Добрый вечер! Есть секция сайта "Портфолио", в данной секции идут изображения по категориям. Категория изображений выбирается нажатием на кнопку.
Как сделать так, чтобы при нажатии на кнопку "Всё", показывались все изображения, при нажатии на кнопку "Кухни" элементы с
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>
