Drop

Drop.js can be used to create content-agnostic dropdowns for showing hidden content next to a page element.

The difference between the Drop library and a regular tooltip plugin is that Drop shows the content only when clicked, instead of just hovered.

Another difference is that Drop can show styled content inside the dropdown, not just regular text. So this means developers can place anything from forms, to images, icons, and up to entire text paragraphs inside a Drop.js panel.

A Drop.js dropdown can be attached to anything on the page, starting with regular links, buttons, normal text, DIVs, SPANs, images, etc..

Most of the positioning features used by Drop are borrowed from HubSpot's Tooltip library, the two working and behaving very similarly.

Drop has been created with the help of Tether. If you're not interested in Drop and only looking for a tooltip solution, the Tooltip library is then for you.

What is new in this release:

• Introduce addTargetClasses option.

What is new in version 1.2.3:

• Introduce addTargetClasses option.

What is new in version 1.1.2:

• Introduce addTargetClasses option.

What is new in version 0.5.3:

• Updated Tether.
• Added openOn 'always' option.

What is new in version 0.3.9:

• Provides a default position.

Requirements:

• JavaScript enabled on client side