Meu objetivo é fazer um programa que tenha uma lista, e cada vez que o mouse passe por cima do nome dessa lista, ela mostre um conteúdo de uma `div`, mas então usando esse código aqui, criei um vetor pra cada item da lista, mas não to conseguindo fazer com que ele mostre. Alguém pode mostrar o erro ou solução? <blink> <html> <body> <script type="text/javascript"> function mostra() { var arraypilotes=["1","2","3"]; document.getElementById('arraypilotes[i]').style.display = 'block'; } function esconde() { var arraypilotes=["1","2","3"]; document.getElementById('arraypilotes[i]').style.display = 'none'; } </script> <a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste</a> <div id="arraypilotes[0]" style="display:none;">Conteudo da DIV</div> <br/> <br/> <a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste2</a> <div id="arraypilotes[1]" style="display:none;">Conteudo da DIV</div> <br/> <br/> <a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste3</a> <div id="arraypilotes[2]" style="display:none;">Conteudo da DIV</div> </body> </html> </blink>