title: Tooltip as toolbar: jQuery, CSS, or...?
body: <p><strong>I'd like to use a tooltip as a toolbar and would like some suggestions on the best way to do so.</strong></p>
  
  <p>Here are my requirements:</p>
  
  <ul>
  <li>Implemented in <strong>CSS</strong> or <strong>jQuery</strong> (or both)</li>
  <li>Tooltip shows after a second or two of hovering</li>
  <li>Tooltip has buttons for further UI</li>
  <li>On <code>mouseout</code>, tooltip remains visible for a second</li>
  <li>The tooltip remains visible on <code>mouseover</code> of both the triggering element, and the tooltip itself</li>
  <li>The tooltip can contain HTML</li>
  </ul>
  
  <p>Here's an example of what I'd like to do:</p>
  
  <p><img src="https://i.stack.imgur.com/nPIPq.png" alt="alt text"></p>