$tabMenu.on("click", function() {
слишком высоко поднимаемся по DOM, захватывая все табы всех меню. А надо подниматься до подменю - чтобы изменять состояние табов только этого меню. Просто заменить в этом обработчикеgetWrapper = $(this).closest($wrapper);
наgetWrapper = $(this).closest('section');
.function strip_tags(text, tags = []) {
return text.replace(/(<\/?)([a-z]+|h[1-6])\b[^<>]*>/gi,
(match, p1, p2) => tags.includes(p2.toLowerCase()) ? p1 + p2 + '>' : '');
}
.element:before {
display: none;
/* все прочие свойства :before */
}
.element.active:before {
display: block;
}
Добавляем элементу с class="element" класс "active" - блок :before появляется, удаляем класс "active" - блок :before пропадает.@media
в CSS, которые автоматически меняют стили в зависимости от ширины экрана.