页面二级菜单代码复用

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里面进行调用！