我有下面垂直菜单的jquery代码，当我悬停在apparels选项卡上时，我有两个选项卡作为apparels和化妆品

I have jquery code below for the vertical menu and I have 2 tabs as apparels and cosmetics when i hover on apparels tab

本文关键字：选项 apparels 两个化妆品垂直代码 jquery 悬停菜单更新时间：2024-02-13

给我找个答案。悬停在服装标签上，它应该显示服装内容

$('#women').hover(function(){
    $('#body').show(10,function(){
           $('#apparelsTab').hover(function(){
            $('#apparels').show(10,function(){
                $('#apparels').hover(function(){
                    $('#apparels').show(10);
                },function(){
                    $('#apparels').hide();
                });
            });
        },function(){
        $('#apparels').hide();
    });
    $('#cosmeticsTab').hover(function(){
        $('#cosmetics').show(10,function(){
            $('#cosmetics').hover(function(){
                $('#cosmetics').show(10);
            },function(){
                $('#cosmetics').hide();
            });
            });
        },function(){
        $('#cosmetics').hide();
        });
    });
    });

给我一个答案或链接

您需要放入HTML代码让我们看到问题。

尝试这个

$('#women').on("mouseover", function(){
    $('#body').show(10,function(){
           $('#apparelsTab').hover(function(){
            $('#apparels').show(10,function(){
                $('#apparels').hover(function(){
                    $('#apparels').show(10);
                },function(){
                    $('#apparels').hide();
                });
            });
        },function(){
        $('#apparels').hide();
    });
    $('#cosmeticsTab').on("mouseover",function(){
        $('#cosmetics').show(10,function(){
            $('#cosmetics').hover(function(){
                $('#cosmetics').show(10);
            },function(){
                $('#cosmetics').hide();
            });
            });
        },function(){
        $('#cosmetics').hide();
        });
    });
    });