asdas

// Проверяем наличие контейнера с похожими тегами
let similarTagsContainer = document.querySelector('.similar-tags-container');
if (similarTagsContainer) {
    // Скрываем кнопку "Ещё"
    document.querySelector('.similar-name-dev-btn').style.display = 'none';

    // Получаем ширину блока и инициализируем переменные
    let blockWidth = similarTagsContainer.offsetWidth;
    let rowWidth = 0;
    let moreBtnFlag = true;

    // Перебираем теги
    let similarNameTags = document.querySelectorAll('.similar-tags-container .similar-name-tag');
    similarNameTags.forEach(function(tag) {
        rowWidth += tag.offsetWidth;

        if (rowWidth > blockWidth) {
            if (moreBtnFlag) {
                tag.previousElementSibling.classList.add('hidden-tag');
                tag.previousElementSibling.style.display = 'none';
                similarTagsContainer.appendChild(document.querySelector('.similar-name-dev-btn .tags-more-btn').cloneNode(true));
                similarTagsContainer.appendChild(document.querySelector('.similar-name-dev-btn .tags-close-btn').cloneNode(true));
                document.querySelector('.tags-close-btn').style.display = 'none';
            }

            tag.classList.add('hidden-tag');
            tag.style.display = 'none';

            moreBtnFlag = false;
        }
    });

    // Показываем количество скрытых тегов
    let hiddenTags = document.querySelectorAll('.hidden-tag');
    document.querySelector('.tags-more-btn .tags-counter').textContent = hiddenTags.length;

    // Обработчик клика на кнопку "Ещё"
    document.querySelector('.tags-more-btn').addEventListener('click', function() {
        hiddenTags.forEach(function(tag) {
            tag.style.display = 'inline-flex';
        });
        this.style.display = 'none';
        document.querySelector('.tags-close-btn').style.display = 'inline-flex';
    });

    // Обработчик клика на кнопку "Скрыть"
    document.querySelector('.tags-close-btn').addEventListener('click', function() {
        hiddenTags.forEach(function(tag) {
            tag.style.display = 'none';
        });
        this.style.display = 'none';
        document.querySelector('.tags-more-btn').style.display = 'inline-flex';
    });
}