Question

jquery hover 的写法

<li id="message_1"></li><div id="show_1" style="display:none"></div>
<li id="message_2"></li><div id="show_2" style="display:none"></div>
<li id="message_3"></li><div id="show_3" style="display:none"></div>
<li id="message_4"></li><div id="show_4" style="display:none"></div>
.... 循环下去

鼠标移入到 message_1 message_2 .... 这些区域 显示show_1 show_2... 这些区域 移出是 就隐藏 show_1 show_2...

求jqeury 写法 请高手指点

Answer 1

$("li").hover(function(){
$(this).next("div").show();
}, function(){
$(this).next("div").hide();
});

追问

非常感谢 啊 需要有点小变动

把显示的容器放在 LI 里面可以处理吗

追答

一样的嘛，改成 $(this).children("div").show();