Load more with button, button not hidden

[thewebartisan7]

I see an example that button for load more is hidden or disabled during request and then again visible on load. I see also source code of this. But when I try to use it, then it's always visible, and not disabled or hidden. I try with option loadOnScroll and scrollThreshold. Infinitescroll works fine, the problem is that I want to hide button view more during request.

Here is part of my code, please let me know what is wrong:

            const grid = document.querySelector('.grid')

            const viewMoreButton = document.querySelector('.view-more-button')
            viewMoreButton.style.display = 'block'

            const infScroll = new InfiniteScroll(grid, {
                path: 'a[rel="next"]',
                append: '.item',
                button: viewMoreButton.querySelector('.js-load-more'),
                status: '.page-load-status',
                //loadOnScroll: false, // Same not working also
                scrollThreshold: false, // Try also this but same
            })

            infScroll.on('load', function(response) {
                // I do something here with response...
            })

[desandro]

You can hide on [request](https://infinite-scroll.com/events.html#request), then show on load

infScroll.on( 'request', function( path ) {
  viewMoreButton.style.display = 'none';
});

infScroll.on( 'load', function( path ) {
  viewMoreButton.style.display = 'block';
});