eccoti un esempio (copia e incolla). l'aspetto visuale del div lo imposti tramite css. Nel suo stato iniziale la classe .altdiv imposta i vari div con display: none;
codice:
<head>
<style>
.altdiv {
position : absolute;
width : 140px;
height : auto; /* l'altezza del div si basa sul testo contenuto */
background: #dde;
display : none;
border : 1px #9c9 solid;
font : 9px verdana
}
</style>
<script>
function showAlt(element, id) {
// posiziona il div in base all'offset orizzontale dell'elemento.
offset_x = element.offsetLeft;
document.getElementById(id).style.left = offset_x + 'px';
// mostra il div.
document.getElementById(id).style.display = 'block';
}
function hideAlt(id) {
// nasconde il div.
document.getElementById(id).style.display = 'none';
}
</script>
<body>
link
<div id="altdiv1" class="altdiv">
testo alternativo 1
</div>
link
<div id="altdiv2" class="altdiv">
testo alternativo 2
</div>
link
<div id="altdiv3" class="altdiv">
testo alternativo 3
</div>
</body>
Può andare bene come esempio?
Ciao