돌아가기
이 글은 다음 언어로만 작성되어 있습니다. English, Español, 日本語, Русский, Türkçe, 简体中文. 한국어 번역에 참여해주세요.

Improved tooltip behavior

중요도: 5

Write JavaScript that shows a tooltip over an element with the attribute data-tooltip. The value of this attribute should become the tooltip text.

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

Only one tooltip may show up at the same time.

For instance:

<div data-tooltip="Here – is the house interior" id="house">
  <div data-tooltip="Here – is the roof" id="roof"></div>
  ...
  <a href="https://en.wikipedia.org/wiki/The_Three_Little_Pigs" data-tooltip="Read on…">Hover over me</a>
</div>

The result in iframe:

샌드박스를 열어 정답을 작성해보세요.