如果 aria-expanded == true 使用 coffeescript 或 jquery 切换一个类答案

【问题标题】：Toggling a class if aria-expanded == true using coffeescript or jquery如果 aria-expanded == true 使用 coffeescript 或 jquery 切换一个类
【发布时间】：2016-09-05 01:22:31
【问题描述】：

我想做的是在 aria-expanded == true 时添加一个类，并在 aria-expanded 为 false 时将其删除。

if $(".panel-heading .panel-title > a").attr("aria-expanded" == "true") 
    $(".panel-heading .panel-title > a").toggleClass('a_red')

现在这似乎不起作用！

【问题讨论】：

标签： jquery html css coffeescript

【解决方案1】：

您不能像现在这样检查属性值。您在if-statement 中缺少一对左括号和右括号。应该是这样的：

if ($(".panel-heading .panel-title > a").attr("aria-expanded") == "true") 
    $(".panel-heading .panel-title > a").toggleClass('a_red');

【讨论】：

【解决方案2】：

toggleClass 有一个可选的第二个参数state。

.toggleClass( className, state )

状态

一个布尔值（不仅仅是真/假）来确定类是否应该添加或删除。

所以这将添加和删除类：-

var el = $(".panel-heading .panel-title > a");
el.toggleClass('a_red', el.attr("aria-expanded") == "true");

【讨论】：

我正在使用可折叠的手风琴，请您帮我做一个 sn-p，展开的手风琴面板需要以红色突出显示。
@Jeevan 用一个工作示例更新您的问题。