jQuery: HTML Tool Tip, Click to Show?

Has anyone seen a jQuery tool tip tutorial which works you click to show and click to close, but you can have any html inside not just the title of the link?

Works like this but with more flexibility to position.

Basically a click to show layer, click to hide layer but not sure what its called?

Wouldn’t mind learning how to do it but need a tutorial to follow :slight_smile:

Anyone help me out?

Cheers :slight_smile:

What do you mean by ‘more flexibility to position’? You can position that popup you showed anywhere you like. E.g.

.active .pop_menu {
  background-color: #F594A2;
  color: #FFFFFF;
  display: block;
  [COLOR="Red"]left: 80px;[/COLOR]
  padding: 0.6em;
  position: absolute;
  width: 12em;
}

There are plenty of tooltip tutes out there, though the ones I’ve bookmarked tend to be hover examples rather than click ones.

Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? | Filament Group, Inc., Boston, MA

Colortip - a jQuery Tooltip Plugin | Tutorialzine demo

Disjointed Rollover - CSS tooltip