问一个菜单代码，默认要显示。

HKCPC

  <UL>导航一
<li>连接1</li>
<li>连接1</li>
<li>连接1</li>
</UL>

  <UL>导航二
<li>连接2</li>
<li>连接2</li>
<li>连接2</li>
</UL>

  <UL>导航三
<li>连接3</li>
<li>连接3</li>
<li>连接3</li>
</UL>

<script>
    var uls = document.getElementsByTagName('ul');
    for(i=0;i<=uls.length;i++){
        uls[i].onmouseover=function(){
            var lis = this.getElementsByTagName('li');
            for(var i=0 ;i<lis.length;i++){
                lis[i].style.display='block';
            }
        }

        uls[i].onmouseout=function(){
            var lis = this.getElementsByTagName('li');
            for(var i=0 ;i<lis.length;i++){
                lis[i].style.display='none';
            }
        }
    }
      </script>


网上看到这个，使用了很不错。代码简单。

现在问题是，怎么改代码，可以默认显示【导航一】里面的连接。

鼠标移到到【导航二】的时候，显示【导航二】的连接，同时隐藏【导航一】，当鼠标移动去其他地方，【导航二不会自动 隐藏】

【其他地方是指，除了导航菜单的其他任何地方】

qxwo

bootstrap

sora

额, 自从用了jq之后js代码感觉都看不太懂了.

HKCPC

有没有大佬会的。