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?
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:
$('#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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With