Back to the lesson

Improved tooltip behavior

importance: 5

Write JavaScript that shows a tooltip over an element with the attribute data-tooltip.

That’s like the task Tooltip behavior, but here the annotated elements can be nested. The most deeply nested tooltip is shown.

For instance:

<div data-tooltip="Here – is the house interior" id="house">
  <div data-tooltip="Here – is the roof" id="roof"></div>
  <a href="" data-tooltip="Read on…">Hover over me</a>

The result in iframe:

P.S. Hint: only one tooltip may show up at the same time.

Open a sandbox for the task.