jquery - IE7 でメニューの表示/非表示が機能しない

Question

jQueryでドロップダウンメニューを作成しました。IE7 以外はすべて問題なく動作します。まったく機能していません。最後のリンクを太字にするだけです。デバッグ方法がわかりません。

私はこのフィドルを作成しました。

誰にも解決策がありますか？

これは動作しない 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;
        }
    });
});