hashy-content

A straightforward JQuery plugin that allows you to load content easily through hashes.

How does it work?

By associating a hash with a respective URL, each time the hash changes, the content is loaded inside a given id.

$("#upper-content").addHash("apple", "content/apple.html"); $("#upper-content").addHash("orange", "content/orange.html"); $("#upper-content").addHash("banana", "content/banana.html"); $("#lower-content").addHash("keyboard", "content/keyboard.html"); $("#lower-content").addHash("guitar", "content/guitar.html"); $("#lower-content").addHash("bass", "content/bass.html"); $().watch(); 

Clone this repository to see the demo.

Note: If you add an index hash, that content will be loaded by default in case there's no hash on the URL:

$("#index-content").addHash("index", "content/index_content.html"); 

Installing

Just download hashy-content.js and use it together with JQuery.

License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE.md file for details.