Single page hide/show section based on current position

Question

I\'m working on a single page websites with each page organized into section tags. Every section is placed on top of each other. I need a way with jquery, where based on cur

Answer 1

Using data-index instead of #id.

Add the data-index on all li

    
About
    
Services
    
Contact

and then do the same for the sections

    ....

See this working fiddle for more details