jQuery的fadeToggle和removeAttr功能

Question

工作網址：http://runnerupapparel.com/building/

在點擊「信息」或「看」鏈接一切工作正常，但點擊X關閉該面板時，該鏈接的顏色是不會回灰，＃666。另外當啓用fadeToggle時，其他導航鏈接不可用，將會很美觀。不完全確定如何接近那一個。先謝謝你。

$(document).ready(function() { 

    $("#info").hide(); 
    $(".info").show(); 

    $('.info').click(function() { 
     $("#info").fadeToggle(); 
     $(".info a").css({ 
      'color': '#d71635', 
      'background': 'url(/building/images/bolt.png) left -23px no-repeat', 
      'position': 'relative', 
      'z-index': '9998' 
     }); 
     $(".info").css({ 
      'background': 'url(/building/images/bolt.png) right -23px no-repeat', 
      'position': 'relative', 
      'z-index': '9999' 
     }); 
    }); 

    $('.closeinfo').click(function() { 
     $(".info a").removeAttr('style'); 
     $(".info").removeAttr('style'); 
     $("#info").fadeToggle(); 
    }); 

    $("#look").hide(); 
    $(".look").show(); 

    $('.look').click(function() { 
     $("#look").fadeToggle(); 
     $(".look a").css({ 
      'color': '#d71635', 
      'background': 'url(/building/images/bolt.png) left -23px no-repeat', 
      'position': 'relative', 
      'z-index': '9998' 
     }); 
    }); 

    $('.closelook').click(function() { 
     $(".look a").removeAttr('style'); 
     $("#look").fadeToggle(); 
    }); 

});​ 

Answer 1

所以從我可以告訴繼承人什麼，我會做：

在你的.css文件（或但是你管理你的默認樣式）使兩種不同類的鏈接中的每一個。一旦你完成了。您可以使用.toggleClass（「newClass」）方法來回切換。當您單擊兩個鏈接中的任何一個時，這應該消除顏色不會回到灰色。那麼當您單擊x按鈕時，您可以更改所有鏈接的類以使它們變爲灰色：$('.selector').attr('class','newClass')

迴應無法點擊其他鏈接的問題信息或外觀面板顯示是由高度問題引起的。我訪問了您提供的網站並進入「檢查員」模式，並使用您的CSS屬性進行遊戲。當我取消選中爲454px設置的高度屬性時，問題就消失了。所以只需設置一個比你現在設置的小得多的高度並且應該可以工作。