jquery – 通过CSS隐藏/显示内容:悬停(或JS,如果需要)

我有以下html:

<li>
<span class="one">Stuff here</span>
<span class="two">More stuff</span>
</li>

.one { display: block; }
.two { display: none; }

当鼠标滚过< li>时,隐藏一个并显示两个最简单的方法(最好只有CSS)是什么?容器.

如果这不能通过CSS和Javascript完成,我更喜欢jQuery通过live()之类的东西,因为内容是实时更新的,不希望不断手动重新绑定.

编辑:
我忘了提到这必须在IE6中工作:/

最佳答案
 $('ul').delegate('li', 'mouseenter', function(){
     $('.one').hide();
     $('.two').show();
 })
 .delegate('li', 'mouseleave', function(){
     $('.one').show();
     $('.two').hide();
 });

转载注明原文:jquery – 通过CSS隐藏/显示内容:悬停(或JS,如果需要) - 代码日志