有两个div,滑鼠划过隐藏div1 显示div2，滑鼠移开显示div1隐藏div2，用jq还是css？
个位大神：
有两个div，正常显示「aaa」这个div，当滑鼠划过时候，隐藏「aaa」显示「bbb」这个div，滑鼠移开再恢复原样。列表一共十条这种新闻，不知道用jquery还是css 能实现这种效果？ 效果图和代码见下面，在线等，跪求解决方法！！！！
&
&
New Document& &
&
.list {
float:left;
width:100%;
margin-right:10px;
width:300px;
margin-right:10px
}
.aaa {
font-size:12px;
color:#6b6b6b;
overflow:hidden;
border-bottom:2px dotted #e5e5e5;
padding-top:8px;
}
.bbb {
background-color:#ff0000;
color:#fff;
display:none;
border-bottom:2px dotted #e5e5e5;
}
.on{ display:block;}
.off{ display:none;}
&
&
&
&
&
&&新闻111标题&&
