IE7에서 메뉴가 보이지 않는다.

Question

jQuery로 DropDown 메뉴를 만들었습니다. IE7을 제외한 모든 기능이 뛰어납니다. 전혀 작동하지 않습니다. 마지막 링크 만 굵게 표시합니다. 디버깅하는 방법을 모르겠습니다.

나는

사람이 솔루션이 있습니까 this fiddle.

을 만들어?

$(".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을 사용한 사실을 함께 할 수있다 :

이 작동하지 않습니다 JS입니다.

난 그냥 jQuery를 스크립팅을 변경 한하고 다음과 같이 노력하고 있습니다 :

Answer 3

이 시도

$(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; 
     } 
    }); 
});