Skip to Menu
jQuery » below (in development)

Place the selected element below another one. Also see above.

Download source from jQuery SVN

Use

Directly below

$("#mydiv").below("#myinput")

Move left by 5px and down 10px

$("#mydiv").below("#myinput", {adjustRight: -5, adjustDown: 10})

Example

This should be directly below the input.

Above

To the left To the right

Below

Known Bugs

  • The positioned element doesn't keep its position relative to the adjacent element if you zoom in or out
  • In Internet Explorer 7 if you zoom in then refresh, the element is not positioned correctly