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

Question

[loozmax]

Необходимо, чтобы при нажатии на каждую из кнопок менялся блок (прямоугольников становилось разное, заранее заданное количество)
Можно ли это реализовать на чистом CSS? Или нужно на Js? И если на нем, то как именно? Не могу ничего сам придумать без костылей.

Comments

[Rustam Bainazarov]

CSS тут, мягко говоря, вообще не при чем.

[Rustam Bainazarov]

Библиотеки:
https://vestride.github.io/Shuffle/
https://isotope.metafizzy.co/

Answer 1

[hzzzzl]

что-то типа табов?
https://codepen.io/tag/tabs

вот есть на css, но лучше с js такое делать, конечно
https://codepen.io/sharkcoder/pen/QWbqqxB

Comments

[loozmax]

спасибо за ссылки, постараюсь вникнуть

Answer 2

[Lord_Dantes]

Так, если что сменить то можно при нажатии менять классы - окей.
Классам может задать order-и и будет такая штука что они будут менятся. Окей это на флексах.

Но на картинке я вижу что-то типо isotope, поэтому чтобы без костылей(ахах) то используйте isotope.
https://isotope.metafizzy.co/