求jq实现鼠标移动和移除效果

刚开始学jq：在写项目遇到一个板块问题，

我想要实现：bootstrap框架选项卡的导航那部分，默认显示第一个nav-tabs，背景颜色为红色，字体为白色。另外几个nav-tabs背景颜色为白。字体颜色为黑。但是当我鼠标移到第二个nav-tabs是，第二个背景颜色为红色，字体为白色，第一个的改成白色背景黑字体。但是当我鼠标移到非nav-tabs板块时。第二个nav-tabs的背景颜色和字体颜色依旧是红白色

目前选项卡的导航实现了鼠标经过自动切换选项

hover效果

第一个默认显示 其余隐藏 价格鼠标移入事件 触发显示 其余隐藏就可以了啊

1楼说的方法对，用jq的 hover 函数可以完美解决

$('#mode').hover(function(){
   $(this).find('ul').show();
}, function(){
   $(this).find('ul').hide();
});
```javascript

```

mouseover ，mouseout 移入移出事件可以实现