Quise hacer una función en javascript pero no supe como obtener las Tag "a" y que por el href activara un div con un id. No se si me explico?.
Pero es algo así lo que quise hacer pero en una función.
<a onMouseOver="javascript:document.getElementById('Point-1').style.display='block';void(0)" onMouseOut="javascript:document.getElementById('Point-1').style.display='none';void(0)"><i></i></a>
<a onMouseOver="javascript:document.getElementById('Point-2').style.display='block';void(0)" onMouseOut="javascript:document.getElementById('Point-2').style.display='none';void(0)"><i></i></a>
<a onMouseOver="javascript:document.getElementById('Point-3').style.display='block';void(0)" onMouseOut="javascript:document.getElementById('Point-3').style.display='none';void(0)"><i></i></a>
<a onMouseOver="javascript:document.getElementById('Point-4').style.display='block';void(0)" onMouseOut="javascript:document.getElementById('Point-4').style.display='none';void(0)"><i></i></a>
<a onMouseOver="javascript:document.getElementById('Point-5').style.display='block';void(0)" onMouseOut="javascript:document.getElementById('Point-5').style.display='none';void(0)"><i></i></a>
<a onMouseOver="javascript:document.getElementById('Point-6').style.display='block';void(0)" onMouseOut="javascript:document.getElementById('Point-6').style.display='none';void(0)"><i></i></a>
<a onMouseOver="javascript:document.getElementById('Point-7').style.display='block';void(0)" onMouseOut="javascript:document.getElementById('Point-7').style.display='none';void(0)"><i></i></a>
Alguna idea de como hacerlo?