Ребята, как это реализовать?

Question

[Aleks Kirilov]

Нужно реализовать это на js .
Пришлите пожалуйста свои примеры/
Если есть какие-то плагины, кидайте ссылку/
Видео, точнее гайд как реализовать похожее.

Нужно, чтобы при клике появлялись разные блюда,
и при нажатии на

View All

появлялись все блюда рестрорана.

Comments

[Модератор]

Aleks Kirilov если вы продолжите злоупотреблять выделением текста и несоблюдением п. 3.1 регламента работы сервиса, мы ограничим ваше присутствие здесь.

Answer 1

[Lord_Dantes]

https://isotope.metafizzy.co/

Answer 2

[belkinev]

Можно и без JS обойтись.
Создаём скрытый чекбокс, за ним лейбл что ссылается на чекбокс. Лейбл стилизируем под кнопку View All.
Помещаем в один контейнер кнопку и список блюд в категории. В шаблоне кнопка должна стоять перед списком.
При помощи CSs позиционируем кнопку под списком.
В CSS указываем когда чекбокс отмечен, то скрытые эллементы отображены и наоборот соответственно.

Comments

[Lord_Dantes]

Жестко

Answer 3

[nayaCirdan]

На чистом можно через табы, например, используя data-target. В Bootstrap тоже есть подобная реализация табов