Comportamiento mejorado de un tooltip
importancia: 5
Escribe JavaScript que muestre un tooltip sobre un elemento con el atributo data-tooltip. El valor de este atributo debe convertirse en el texto del tooltip.
Es como la tarea Comportamiento: Tooltip, pero aquí los elementos anotados se pueden anidar. Los tooltips más internos se muestran.
Solamente un tooltip puede aparecer a la vez.
Por ejemplo:
<div data-tooltip="Aquí – está el interior de la casa" id="house">
<div data-tooltip="Aquí – está el techo" id="roof"></div>
...
<a href="/?originalUrl=https%3A%2F%2Fes.javascript.info%2F%26quot%3Bhttps%3A%2F%2Fen.wikipedia.org%2Fwiki%2FThe_Three_Little_Pigs%26quot%3B%2520data-tooltip%3D%26quot%3BContin%25C3%25BAa%2520leyendo%25E2%2580%25A6%26quot%3B%26gt%3BCol%25C3%25B3cate%2520sobre%2520mi%26lt%3B%2Fa%26gt%3B%26lt%3B%2Fdiv%26gt%3B%253C%2Fcode">
El resultado en el iframe: