jquery tooltip, but on click instead of hover

Question

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, b

Answer 1

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

The html:

bla bla

Click here to show the tooltip!

And the JS:

$('#yourLink').click(function(){
  $('#tooltip').toggle();
});

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