javascript - 虽然jQuery .toggle()下拉列表(宽度小于991px)

我正在尝试为较小的屏幕切换菜单/子菜单。 （最大宽度：991px）当您单击“产品”链接时，应显示.dropdown菜单，而当选择“ accessories”链接时，应显示.subdropdown类。最好从菜单中的任意位置点击以在任何深度释放它们。

注意：在min-width: 991px屏幕（桌面）上，:hover将起作用。

请注意，我的JavaScript代码不会触发子“ accessories”菜单。如果您调整窗口大小以进行测试，则必须刷新。

这是实时示例：Click Here

这是我的js代码

$(function() {

    if ($(window).width() < 991) {

        $('#product-link').click(function() {
            $('.dropdown').toggle();
        });

        if ('.dropdown' === true) {
            $('#accessories-link').click(function() {
                $('.subdropdown').show();
            });
        } else {
            $('.dropdown').hide();
        }
    }

});

编辑：
尽管不完美，但它可以工作。我仍然想使用.click而不是.hover，但这可以完成工作。

$(document).ready(function() { $('.top-menu').hover( function(){ $(this).children('.sub-menu').fadeIn(200); }, function(){ $(this).children('.sub-menu').fadeOut(200); } );})

最佳答案

您的if语句将始终评估为false。

第9行：if ('.dropdown' === true)

关于javascript - 虽然jQuery .toggle()下拉列表(宽度小于991px)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31010858/