$（'＃id'）。attr（'aria-expanded'）=== true）不工作

Question

對不起，如果沒有看到一個小錯誤，但我不能讓我的代碼正常工作。

第一張：這是一張JSFiddle。 （最大化結果窗口以更好地查看問題）。

單擊任意按鈕。然後點擊另一個按鈕。按我的意圖工作。

當我單擊相同的按鈕兩次時，會出現此問題。該區域崩潰（按預期），但另一個按鈕擴展其寬度。

我試過以下內容： 當該區域展開時，不要做任何事情。

如果你看看JS-部分：

else if ($(this).attr('aria-expanded') === true) 

它不評估爲真，即使在控制檯日誌屬性

console.log($(this).attr('aria-expanded')) 

爲true和false，以及調試工具在點擊時顯示屬性和切換。

請告訴我，如果我的if邏輯有瑕疵，或者如果我沒有正確訪問aria-expanded屬性。

要改寫或再總結一下我的問題：

如果我連續兩次點擊一個按鈕，我只想要切換的區域，但按鍵的不寬度。

我接受任何涉及檢查aria-expanded以外的其他財產的建議。

Answer 1

attr()返回一個字符串：

else if ($(this).attr('aria-expanded') === 'true')