Сегодня разберем как делаются вкладки(табы) на JQuery и JavaScript . Можете посмотреть демо чтобы увидеть как будет выглядеть результат. В колонке JS сверху расположен код JQuery , ниже JavaScript. В самом начале объясню схему, по которой мы будем делать табы: Про приставку js.  Мы добавляем отдельный класс для манипуляций из js потому что, на один класс могут быть завязаны стили, которые в дальнейшем могут быть заменены. Приставка js даст вам или другому разработчику понять что этот элемент, в частности класс, участвует в интерактивности, на нем завязаны только события javascript...

Алоха товарищи фронты! Не большой шортрид о том как определить находится ли сейчас юзер на странице или нет. Для данной задачи мы будем использовать: 👉 Cвойство window.navigator.visibilityState, которое может быть равно или строке 'hidden' или строке 'visible'. 👉 А так же стандартный JS event visibilitychange, который в свою очередь будет реагировать на открытие / скрытие вкладки браузера и проверять свойство window...