How to set up the current "step" fullpage.js using jQuery

Question

How to target the current "stage" of fullpage.js ? Meaning - how can I tell jQuery to discover the fourth step that I added a class to? "homeFour"

Here is my markup:

    <div id="fullpage" style="height: 100%; position: relative;" class="fullpage-wrapper">
        <div class="section homeOne fp-section fp-table" style="height: 915px;"><div class="fp-tableCell" style="height:915px;">
        </div></div>
        <div class="section homeTwo fp-section fp-table" style="height: 915px;"><div class="fp-tableCell" style="height:915px;">
        </div></div>
        <div class="section homeThree fp-section fp-table" style="height: 915px;"><div class="fp-tableCell" style="height:915px;">Section Three</div></div>
        <div class="section homeFour fp-section fp-table active fp-completely" style="height: 915px;"><div class="fp-tableCell" style="height:915px;">Section Four</div></div>
    </div>

What do I need to do, tell jQuery that WHEN u section fp-section fp-table active fp-completelyhave a homeFour class, how is it section homeFour fp-section fp-table active fp-completelyto do something else?

While it is activated when the page loads and does not work properly.

Answer 1

Try something like this:

$('#fullpage').fullpage({
    afterLoad (anchorLink, index, slideAnchor, slideIndex){
        if($(".homeFour").is(".active")){
            // Do stuff
        }
    },
    //...
});