Untitled

mail@pastecode.io avatar
unknown
plain_text
2 months ago
2.1 kB
1
Indexable
Never
<style>
    /* ID пустого блока */
    #rec687128413 {
        display: flex;
    }
    /* ID пустого блока */
    .uc-block {
        width: 100%;
        height: 100%;
    }
    
</style>
<script>
    var block1 = document.getElementByID ("rec687128413"); /*id pustogo blocka */
    let block2 = document.getElementByID ("rec687131079"); /* контент */
    let block3 = document.getElementByID ("rec687199752"); /* контент */
    let block4 = document.getElementByID ("rec687221561"); /* контент */
    let block5 = document.getElementByID ("rec687223750"); /* контент */
    
    block1.appendChild(block2);
    block1.appendChild(block3);
    block1.appendChild(block4);
    block1.appendChild(block5);
    
        $(document).ready(function() {
            var blocks = $('#rec687128413 .uc-block');
            var currentIndex = 0;
            
            function showBlock(index) {
                blocks.hide();
                blocks.eq(index).show();
            }
            
            function toggleButtonsVisibility() {
                $('.prev-page').toggle(currentIndex !== 0);
                $('.next-page').toggle(currentIndex !== blocks.length - 1);
            }
            
            //при загрузке страницы отображаем первый блок и настраиваем видимость кнопок
            showBlock(currentIndex);
            toggleButtonsVisibility();
            
            $('.next-page').on('click', function() {
                currentIndex++;
                showBlock(currentIndex);
                toggleButtonsVisibility();
                
                $('html, body').animate({scrollTop: $('#rec687128413').offset().top}, 'slow');
            });
            
            $('.prev-page').on('click', function() {
                currentIndex--;
                showBlock(currentIndex);
                toggleButtonsVisibility();
                
                $('html, body').animate({scrollTop: $('#rec687128413').offset().top}, 'slow');
            });
        });
    </script>
Leave a Comment