jquery - 显示/隐藏菜单在 IE7 中不起作用

Question

我用 jQuery 创建了下拉菜单。除了 IE7，一切都很好。根本不工作。它只会使最后一个链接加粗。我不确定如何调试它。

我创建了 this fiddle.

有没有人有解决办法？

这是不起作用的 JS:

 $(".link-dropdown").on({
        click: function(){
            var $this = $(this);

            if ($this.parent().next().is(":visible")){
                $('.opening-holder').hide();
                $('.link-dropdown').css({
                    'fontFamily': 'Geogrotesque-Regular, Arial, sans-serif'
                });
            } else {
                $('.opening-holder').hide();
                $('.link-dropdown').css({
                    'fontFamily': 'Geogrotesque-Regular, Arial, sans-serif'
                });

                $this.css({
                    'fontFamily': 'Geogrotesque-SemiBold, Arial, sans-serif'
                });

                $this.parent().next().show();
                $this.parent().next().children().show();
            }

            return false;
        }
    });

Answer 1

我为解决方案创建了 fiddle http://jsfiddle.net/EMnw3/27/ 如果可见，我会禁用它并且它有效...