SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict
    Join Date
    Jul 2006
    0 Post(s)
    0 Thread(s)

    Question 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

    Anyone help me out?


  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Melbourne, AU
    462 Post(s)
    8 Thread(s)
    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;
      left: 80px;
      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

Tags for this Thread


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts