JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cloud.github.com/downloads/enriquez/ezpz-tooltip/jquery.ezpz_tooltip.js"></script>
<span class="tooltip-target" id="example-target-1"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f6/Wikipedia-logo-v2-ru.png"/></span><div class="tooltip-content" id="example-content-1"><img src="http://upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png"/><div class="hint"><b>Блок:</b> часть с кнопкой</br><button>Закрыть окно</button></div></div>
CSS
.tooltip-content {
background-color: #f7f6f6;
border: 3px solid #3f3e3e;
color: black;
display: none;
padding: 1px;
position: absolute;
text-align: left;
font:normal 12px Tahoma;
}
.tooltip-content img {
float:left;
margin-right:4px;
}
.hint {
width: 150px;
float: left;
}
JavaScript
$(document).ready(function(){
$(".tooltip-target").ezpz_tooltip({
contentPosition: 'belowStatic',
stayOnContent: true,
offset: -80
});
});
$(document).ready(function(){
$("div button").click(
function() {
$(this).closest("div").hide();
}
);
});