Skip to content

smartcode-ch/full-width-menu-with-equally-padded-elements

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

Full Width Menu with Equally Padded Elements using jQuery

An extremly simple jQuery plugin to create menu which sits on top of a container taking up its full width and has equally padded menu elements

Motivation

  • My first jQuery plugin

Requirements

Usage (API)

The plugin is issued on the container for which the menu should take up the full width.

$('#main-container').fullWidthMenu();

Settings are passed as an object literal.

$('#main-container').fullWidthMenu({
  'menuItems'    : '#menu ul li', // The menu items selector. May also be passed as a jQuery object e.g. $('#menu ul li')
  'menuItemLink' : 'a'            // A child (selector) of the menuItems in which the text of the menu item is wrapped (usually a link tag I guess)
});

More

About

Full Width Menu with Equally Padded Elements using jQuery

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published