jQuery-Horz-Dropdown

A simple lightweight Horizontal Drop down for primary navigation.

V1.0

Basic functionality, no js dependencies. Does require css.

What you need to know about the CSS:

Non full width dropdown:

• (CSS Position Relative) Drop Down
  (CSS Position Absolute with left:0)
  • Option One
  • Option Two

  Full width dropdown:

  (CSS this needs to be the site container IE 960px wide)

  (CSS Position Relative display block so it inheirts 960px width)
  • (CSS Position Static so the drop down does not inheirt the width of this li) Drop Down
    (CSS Position Absolute with left:0 width: 100% = 960px)
    • Option One
    • Option Two

    Both full and non full width:

    (CSS this needs to be the site container IE 960px wide)

    (CSS Position Relative display block so it inheirts 960px width)
    • (CSS Position Static so the drop down does not inheirt the width of this li) Drop Down
      (CSS Position Absolute with left:0 width: 100% = 960px) FULL WIDTH
      • Option One
      • Option Two
      • (CSS Position Relative) Drop Down (CSS Position Absolute with left:0) NON FULL WIDTH
      • Option One
      • Option Two