html代码,
<div>
<div class="all_sorttitle"></div>
<div class="all_sortlist"></div>
</div>js代码,
$(function(){
$(".all_sort .all_sorttitle").hover(function(){
$(this).next("div").stop(true,true).slideDown(500);
},function(){
$(this).next("div").stop(true,true).slideUp();
});
});显示、隐藏的显示正常,当鼠标移到all_sorttitle上时,all_sortlist显示,我想鼠标移动到all_sortlist也显示,但是现在鼠标只要移出它all_sorttitle,div就隐藏了
<div class="all_sorttitle"></div>
<div class="all_sortlist"></div>
</div>$(function(){
$(".all_sort").hover(function(){
$("all_sortlist").stop(true,true).slideDown(500);},function(){
$("all_sortlist").stop(true,true).slideUp();
});
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style></style>
<script src="jquery-1.3.2.js"></script>
<script>
$(function(){
$(".all_sort").hover(function(){
$(".all_sortlist").stop(true,true).slideDown(500);
},function(){
$(".all_sortlist").stop(true,true).slideUp();
});
});
</script>
</head><body>
<div class="all_sort">
<div class="all_sorttitle">aaaaaa</div>
<div class="all_sortlist">bbbbbbb</div>
</div>
</body>
</html>