顯示/隱藏菜單在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; 
     } 
    }); 
});