The way codepen works visually hides the hash from the url bar, but you should be able to copy and paste the code elsewhere and see it working (assuming jQuery was loaded). The functionality works fine other than that.

The plugin is very simple, just click on the color tabs above. To use you just call it on the nav ul element, and it listens for the 'hashgange' event. Then it loads the corresponding section (if it exists). If there is no hash it switches to a default view. You can pass an object to it changing the defaults, such as setting a home hash which it will automatically load.

This is the Red section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non expedita dolor magni assumenda impedit perspiciatis odio. Quidem laudantium dicta voluptas quas voluptates est numquam accusamus eveniet. Similique libero at aliquid eveniet repellat doloremque vero. Quas consequatur explicabo nemo dolorem earum minus vitae dignissimos voluptatum pariatur ipsa assumenda ducimus cum non.

This is the Orange section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic placeat similique cumque illo iure porro blanditiis libero laboriosam tempore ad cupiditate ratione. Vero nisi itaque necessitatibus consequuntur voluptate ducimus suscipit. Harum ad culpa sequi nobis illum voluptatem dolorum quasi assumenda ut sit ducimus architecto quo aliquam tempore alias aliquid atque.

This is the Green section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur incidunt illum assumenda officia voluptas veritatis obcaecati libero pariatur quis porro sed necessitatibus doloribus eligendi rem facilis esse quas quo blanditiis vel iusto. Officia consectetur corporis quis tempore quaerat quae ipsa reprehenderit assumenda ducimus eos. Inventore eaque aut accusamus omnis est.

This is the Blue section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti earum obcaecati porro quos voluptates non similique atque doloribus et delectus dolore molestiae ipsam incidunt vitae iusto accusamus illum fuga nulla error ipsum. Saepe nulla id ex voluptate asperiores ut nemo tempore optio qui quasi ab dignissimos. Accusantium et sunt voluptatibus.