javascrip中如何实现鼠标移动显示/隐藏<div>的导航功能？

Question

纯新手，写了如下代码

<script type="text/javascript">        
        window.onload=function(){
            var yuansu=document.getElementsByTagName("p")
            for(i=0;i<yuansu.length;i++){
                yuansu[i].onmouseover=function(){
                    document.getElementById("i").style.visibility="visible";
                }
                yuansu[i].onmouseout=function(){
                    document.getElementById("i").style.visibility="hidden";
                }
            }
        }
</script>

想在鼠标停在某一个<p>上时，使对应的无父子兄弟关系的<div>显示出来，而其他无关的<div>则隐藏，显然我的代码无法实现，那么如何实现呢？

Answer 1

等待大神解答