qTip2 - My test case

HTML

<script src="https://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.css">
<h2 id="header"><b>Hover</b> over the box for the tip (lol sounds dirty)</h2>
<hr/>

<div id="red-box"></div>



<div id="partial" style="visibility: hidden">some hidden HTML <b>text</b> that you swoop with jQuery <br/><br/>
    <ul><li>list item</li><li>demonstrating markup in a tooltip</li></ul>
    <hr/>
    some more text
</div>

CSS

body {
    padding: 10px;
}
#red-box {
    width: 50px;
    height: 50px;
    background-color: red;
}

JavaScript

var content = $("#partial").html();

$("#red-box").qtip({
    content: content,
   
    position: {
        target: $("#red-box")
    }
});