https://github.com/jakobbossek/jquery.responsiveselectmenu

Transform a navigation into a HTML select field.
https://github.com/jakobbossek/jquery.responsiveselectmenu

Last synced: 3 days ago
JSON representation

Transform a navigation into a HTML select field.

• Host: GitHub
• URL: https://github.com/jakobbossek/jquery.responsiveselectmenu
• Owner: jakobbossek
• License: mit
• Created: 2014-03-29T11:08:52.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-03-29T11:26:24.000Z (over 10 years ago)
• Last Synced: 2024-10-11T18:33:08.015Z (27 days ago)
• Size: 137 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
jquery.responsiveSelectMenu

===========================

This small jQuery based plugin transforms your navigation into a place-saving dropdown menu, i.e., a simple HTML select field, which could replace your possibly large navigation on small screens (for example smartphones). It is pretty easy to use, light-weight not bloated with a load of options.

To apply the plugin to your site simply call the plugin via

```Javascript

$(document).ready(function() {

  $("#your_nav_id").responsiveSelectMenu(

    {head: "Menu", appendTo: "body", ID: "responsiveSelectMenu"}

  );

});

```

Pretty easy, huh? There are three optional parameters you can provide. ```head``` is the label of the upmost element of the dropdown menu indicating what it is for. ```appendTo``` lets you customize where the generated menu is going to be placed in your markup code and ```ID``` is the DOM-ID assigned to the dropdown.

Use media queries to hide the actual navigation on small screens.