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

Question

很抱歉，如果没有看到小错误，但是我无法按我的意愿运行代码。

首先：这是一个JSFiddle 。 （最大化结果窗口以更好地查看问题）。

单击任何按钮。 然后单击另一个按钮。 按我的预期工作。

当我单击同一按钮两次时，会出现问题。 该区域折叠（按预期方式），但是另一个按钮扩大了他的宽度。

我尝试了以下操作： 扩大区域后，什么也不做。

如果您看一下js-part：

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

即使控制台记录了该属性，它也不会评估为true

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

分别为true和false ，并且调试工具在单击时显示属性和切换。

请告诉我我的if-logic是否有缺陷，或者我是否无法正确访问aria-expanded属性。

重新表述或总结我的问题：

如果我连续两次单击按钮，则只想切换区域，而不想切换按钮的宽度。

我愿意接受涉及检查除aria-expanded以外的其他属性的任何建议。

Answer 1

attr()返回一个字符串：

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