Появляется очень медленно (1 или 2 в Chrome), и я сомневаюсь, что современные интернет-пользователи так терпеливо ждут, чтобы его показали.
Вы можете использовать сторонние плагины или жестко закодировать их самостоятельно (что я делаю большую часть времени), используя события jQuery "mouseenter" и "mouseleave". Пустой код, как показано ниже:
HTML:
<button id="button-awesome">Awesome</button>
<div class="tooltip" style="display:none">
This is a button
</div>
JavaScript / JQuery:
$('#button-awesome').on('mouseenter', function () {
show Tooltip // toggle, or slideToggle, or .css("display","block") or .removeClass('hidden')
}).on('mouseleave', function () {
// undo what you've just done.
});