How to make this tooltip overlay parent div?

Question

JFIDDLE DEMO

As you can see on the jsfiddle link, I have a button with tooltip display on mouse hover. The problem is that tooltip area isn't overlaying the parent div and will display only inside the div.

I know that if I remove .panel-heading { overflow:hidden; } this will work but I need this css to stay for some of the responsive issues. I have tried adding .toolt { overflow:visible; } to tooltip div but it won't work.

Answer 1

You can change container of tooltip

$('.toolt span').tooltip({container:'body'});