Simple JS Menu for Mobile Web Applications

Animated Menu for the mobile web applications written in jQuery framework.

Example

Usage

jQuery is necessary.

Remove .mobileMenuMain { position: absolute; } not to overflow the context.

Connect the menu with a start element (button): $("#idOfStartElement").mobileMenu("/url/to/json/data/file);

Dowload the Menu jQuery Plugin (compressed) or the this whole example.

Free to use on your website!

Data Format

Data are in JSON and have the following structure:

{
  "menu" : [
      {"name" : "Text 1", "menu" : [
          {"name" : "Text 1.1", "link" : "link1.1"},
          {"name" : "Text 1.2", "menu" : [
              {"name" : "Text 1.2.1", "link" : "link1.2.1"},
              {"name" : "Text 1.2.2", "link" : "link1.2.2"}
          ]},
          {"name" : "Text 1.3", "link" : "link1.3"}
      ]},
      {"name" : "Text 2", "link" : "link2"},
      {"name" : "Text 3", "menu" : [
          {"name" : "Text 3.1", "link" : "link3.1"},
          {"name" : "Text 3.2", "link" : "link3.2"}
      ]} 
  ]
}