Trigger stilll interactable

[TheRealArtonn]

How would I switch out the opacity with the display css rule instead? Currently both .load-more and .no-more are just invisible, still taking up space and still being clickable.

I would like to have them gone entirely and only be on the page once they should be active.

[TheRealArtonn]

This piece of code allowed me to do what I wished for.

        trigger: {
            // element to show as trigger
            element: '.load-more__row',

            // pass a function which returns true which determines if the load more button should be shown
            when: function(pageIndex) {
                return true;  // default behaviour (always show a trigger)
            },

            // this function is called when the button has to be shown
            show: function(element) {
                element.style.display = 'flex'; // default behaviour
            },

            // this function is called when the button has to be hidden
            hide: function(element) {
                element.style.display = 'none'; // default behaviour
            }
        }