Pull-down Menu for ELH Challenge #164

Hello Everyone,

This time its not just a simple drop down interaction but it contains more surprises..

To start with, we have a pull down menu, which when dragged downwards, reveals all the menu items. (The item in the center is the one that will get selected, when you release the mouse button.)

Selecting the second menu item, opens a quiz that allows you to select the answer from the drop-down list. You can also retry the quiz if you don't get the correct answers in the first attempt.

The third menu item (my favorite :P) allows the user to personalize the course by selecting a background from the list. You can allow the users to upload their own backgrounds too.

The last menu item contains nothing much, but a big thank you and my contact details. (Did not get enough time to think of something new for this menu item. ;P )

Check this video out before testing it yourself:

NOTE: Please use Firefox / Chrome to preview this sample. It will not work on mobile devices. Will make some changes to the code later, to make it mobile compatible.

Link to published output: https://goo.gl/B57H34