用JQ控制3个class一样的div鼠标移上去触发mouseover事件其它两个没有触发

$(".handle").mouseover(function(){
        $(".handle").parents("li").removeClass("active");//移除所有.handle的active类
        $(this).parents("li").addClass("active");//再将滑倒的这个添加上active类
        $(".handle").parents("li").find(".handle_box").hide();//先隐藏所有.handel_box
        $(this).parents("li").find(".handle_box").show();//再将滑倒的这个的.handle_box显示
    });
    
    或者这样
    $(".handle").mouseover(function(){
        $("ul .active").find(".handle_box").hide();//先隐藏已经显示的li里的.handel_box
        $(this).parents("li").find(".handle_box").show();//再将滑倒的这个的.handle_box显示
        //切记以上要在移除类之前写  不能写在后边
        $("ul .active").removeClass("active");//移除已经显示的li的active类
        $(this).parents("li").addClass("active");//再将滑倒的这个添加上active类
    });