In this tutorial I am going to step through some very basic set up of creating your own drop down navigation using jQuery. The point of this tutorial is to show how it is done so that you can create a menu that suits your needs, rather than relying on often bloated plugins full of features you don’t need from other developers.

By the end you should be able to do the following:

  • Create a jQuery plugin
  • Give it a few options
  • Iterate over the selected elements
  • Find relevant child elements
  • Display and correctly position menus

To see my full functioning code, as used in this site, visit the Codex and see the Simple Menu page.

Learn How