页面二级菜单代码复用

Question

代码如下，如何复用代码来实现二级菜单淡入淡出的效果？求解=。=

$li_1.hover(function () {//二级菜单效果
   $li_1_content.stop(true,true).fadeIn(0);
}, function () {
   $li_1_content.fadeOut(500, function () {
       //$li_1_content.css("display", "none");
   });
});

$li_2.hover(function () {//二级菜单效果
   $li_2_content.stop(true,true).fadeIn(0);
}, function () {
   $li_2_content.fadeOut(500, function () {
       //$li_2_content.css("display", "none");
   });
});

$li_3.hover(function () {//二级菜单效果
   $li_3_content.stop(true,true).fadeIn(0);
}, function () {
   $li_3_content.fadeOut(500, function () {
       $li_3_content.css("display", "none");
   });
});

Answer 1

function fadeIn(obj){     obj.stop(true,true).fadeIn(0); } function fadeOut(obj){      obj.css("display", "none"); }不太清楚li_1之间的关系，把淡入淡出的代码进行了优化，可以放到hove里面进行调用！