Dustin Getz Dustin Getz - 1 year ago 125
jQuery Question

jquery tooltip, but on click instead of hover

We were using 'title' attributes to display something on mouseover. We want it now to display on a click. How can I get a floating box that looks like a title/tooltip, but can be shown and hidden on demand instead of being tied to a hover?

Answer Source

If you feel like handcoding it, this should do the job:

The html:

<div id="tooltip" style="display:none;">bla bla</div>

<div id="yourLink">Click here to show the tooltip!</div>

And the JS:


You just need to style correctly the tooltip div

There are also nice tooltip plugins out there. iftrue mentioned one, there is also this one

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download