назад до уроку

Покращена поведінка спливаючої підказки

важливість: 5

Напишіть JavaScript, який покаже спливаючу підказку над елементом із атрибутом data-tooltip. Значення цього атрибута має стати текстом підказки.

Це як задача Поведінка підказки, але тут елементи можуть бути вкладеними. Ви маєте показати найбільш глибоко вкладену підказку.

Одночасно може відображатися лише одна підказка.

Наприклад:

<div data-tooltip="Ось – інтер’єр будинку" id="house">
  <div data-tooltip="Ось – дах" id="roof"></div>
  ...
  <a href="https://uk.wikipedia.org/wiki/Троє_поросят" data-tooltip="Читайте далі…">Наведіть на мене вказівник</a>
</div>

Результат в iframe:

Відкрити пісочницю для завдання.