Вернуться к уроку

Поведение "вложенная подсказка"

важность: 5

Напишите JS-код, который будет показывать всплывающую подсказку над элементом, если у него есть атрибут data-tooltip.

Условие аналогично задаче Поведение "подсказка", но здесь необходима поддержка вложенных элементов. При наведении показывается самая вложенная подсказка.

Например:

<div data-tooltip="Это – внутренность дома" id="house">
  <div data-tooltip="Это – крыша" id="roof"></div>
  ...
  <a href="http://ru.wikipedia.org/wiki/Три_поросёнка" data-tooltip="Читать дальше">Наведи на меня</a>
</div>

Результат в ифрейме с документом:

Вы можете использовать как заготовку решение задачи Поведение "подсказка".

Открыть песочницу для задачи.