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

Question

我用jQuery创建了DropDown菜单。一切都很好，除了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

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

Answer 2

这与您使用:visible的事实有关。

Answer 3

试试这个：

我刚刚对jQuery脚本进行了更改，它的工作原理如下：

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

            if ($this.css("dispaly") == "block;"){
                $('.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().show();
                $this.parent().children().show();
            }

            return false;
        }
    });
});