noAnchors active state

[fourroses666]

I would like to hide the anchors, but do need the menu.
So I came to the idea to use a function. (see below)
But then the active state doesn't work anymore.
Is there a better solution to hide the anchors, use the menu and keep the active states?

<script>
    function one() {$.fn.pagepiling.moveTo(1);}
    function two() {$.fn.pagepiling.moveTo(2);}
    function three() {$.fn.pagepiling.moveTo(3);}
</script>

<div class="menu">  
    <div class="active"><a href="javascript:void()" onclick="one()">Wie</a></div>
    <div><a href="javascript:void()" onclick="two()">Wie extra</a></div>
    <div><a href="javascript:void()" onclick="three()">Wat</a></div>
</div> 

[alvarotrigo]

But then the active state doesn't work anymore.

I don't see why it shouldn't. Please provide an isolated reproduction in jsfiddle or codepen.

[fourroses666]

Made a fiddle but the custom functions are not working there.
One my demo site they are, not sure why..

https://jsfiddle.net/fourroses666/byhn9cza/

[alvarotrigo]

https://jsfiddle.net/byhn9cza/1/

[fourroses666]

Thanks, had some issues with base href.

The menu buttons still doesn't get an active class when clicked.
This could be fixed by adding some script to the function so I think I will be fine.

[fourroses666]

https://jsfiddle.net/fourroses666/byhn9cza/3/

It now works when you click on an other button, but when scrolling the class is not added. :(

[alvarotrigo]

The menu buttons still doesn't get an active class when clicked.

Add it yourself just before calling moveTo.

[alvarotrigo]

It now works when you click on an other button, but when scrolling the class is not added. :(

Add it yourself using the plugin callbacks such as onLeave.

[fourroses666]

Do you have an example? its to hard for me to understand.

Based on this I don't know what to do.

    $('#pagepiling').pagepiling({
        onLeave: function(index, nextIndex, direction){
            //after leaving section 2
            if(index == 2 && direction =='down'){
                alert("Going to section 3!");
            }

            else if(index == 2 && direction == 'up'){
                alert("Going to section 1!");
            }
        }
    });