O'Reilly logo

jQuery for Designers : Beginner's Guide - Second Edition by Natalie MacLees

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required