Time for action – showing custom content in tooltips

Perform the following steps to load custom content into your tooltips:

1. We'll keep working with the document that we've been building over the past few tooltip tutorials. The first thing we want to add is some new content. First, we'll create some blocks of helpful content at the bottom of our HTML page, as shown in the following code:

   <h2 id="pb-moreinfo">More Information</h2>
   <ul class="info-boxes">
     <li id="info-box-bridge">
       <div class="info-box-container">
         <img src="images/bridge.jpg"/>
         <div class="info-box-content">
           <p>One of many bridges in Pittsburgh</p>
         </div>
       </div>
     </li>
     <li id="info-box-downtown">
       <div class="info-box-container">
         <img src="images/downtown.jpg"/>
         <div class="info-box-content">
           <p>Downtown<br/>Pittsburgh</p>
         </div>
       </div...