Как реализация вкладки на сайте?

Question

[scr1pi]

подскажите с помощью чего сделаны вкладки csgo и доты на сайте https://csgoigra.ru и есть у кого примеры готовых? (При нажатии на вкладки меняются лоты)

Answer 1

[Фёдор Гребенников]

Тут скорее не вкладки, а фильтрация контента.
В вашем примере реализована она на серверной стороне - при клике делается ajax-запрос и заменяться контент.
Тут базовый алгоритм простой - отслеживаем через JS клик по "вкладке", делаем нужный ajax-запрос на сервер, потом заменяем старый контент на полученный в ответе на запрос. Ну и обвешиваем доп. плюшками, типа подсветки активного пункта меню (вкладки), спиннеры при загрузке и прочее.

Небольшие списки контента можно фильтровать и на клиентской стороне, есть разные js-плагины, к примеру вот:
https://www.kunkalabs.com/mixitup/

Comments

[scr1pi]

Огромное спасибо!