qTip2 - My test case

by Trufa

HTML

<script src="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.js"></script>
<link rel="stylesheet" href="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.css">
<a id="aaa" href="#test">Sample link</a>
<div class="tooltiptext">
    Complex <b>inline</b> <i>HTML</i> in your <u>config</u>
</div>

CSS

body{
    padding: 50px;
}
.tooltiptext{
    display: none;
}

JavaScript

// MAKE SURE YOUR SELECTOR MATCHES SOMETHING IN YOUR HTML!!!
    
         $('#aaa').qtip({
             content: {
                 text: $(this).next('.tooltiptext')
             }
         });