Using Hamburgler.js to Create a Custom HTML 5 Course Menu

When you are building custom eLearning courses you will at some point need to create a menu. Sure you could custom code it but why not use the many different JavaScript libraries out there that go a lot of the work for you.

Not too long ago I was building a custom player using jQuery Mobile and needed to create a menu to jump to different pages in the course. I did some Google searching and found this cool JavaScript library that does create a cool pop up menu. Here is what the course looked like before the menu.

To use Hamburgler.js you first need to download the source files here. Once you have downloaded those two files attach both of the files in your <head> tag like so.

<!-- Hamburger JS & CSS--> <script src="js/other/hamburgler.js"></script> <link rel="stylesheet" href="css/other/hamburgler.css">

Read the full story by

Tags:

RELATED READS
Why Would You Learn to Code as an eLearning Developer? Why do searches on e-Learning terms drop dramatically?
We are updating our Privacy Policy, so please make sure you take a minute to review it. As of May 25, 2018 your continued use of our services will be subject to this new Privacy Policy.
Review Privacy Policy OK