Кнопка показать еще

Создай блоки которые должны открываться
Добавь этим блокам класс uc-showmore
Создай Зероблок с кнопкой и добавь кнопке класс catShowBtn
1
2
Скопируй код и вставь его в блок T123
Замени id блоков на свои
3
4
5
<style>
    /*напиши сюда id блоков, которые нужно открывать*/
    #rec779144401,#rec779145493{
        display: none;
    }

</style>

<script>

    const showHideBtn = document.querySelector('.catShowBtn');
    const blocks = document.querySelectorAll('.uc-showmore');
    const blockStates = Array.from({ length: blocks.length }, () => false);
    let currentActiveBlockIndex = 0;

    showHideBtn.addEventListener('click', function() {
        if (!blockStates[currentActiveBlockIndex]) {
            blocks[currentActiveBlockIndex].style.display = 'block';
            blockStates[currentActiveBlockIndex] = true;
        } else {
            // Если текущий блок уже открыт, то переходим к следующему блоку
            currentActiveBlockIndex++;
            if (currentActiveBlockIndex === blocks.length) {
                // Если мы достигли последнего блока, то начинаем сначала
                currentActiveBlockIndex = 0;
            }
            blocks[currentActiveBlockIndex].style.display = 'block';
            blockStates[currentActiveBlockIndex] = true;
        }
    });

</script>
Показать еще
Made on
Tilda