[英]Adding class if aria-expanded === true
如果aria=expanded === true
我怎么能去翻課? 我有以下標記:
HTML
<a id="{{content.static.productDetailsToggleId}}" class="collapsed pdp-accord-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">{{content.static.productDetailsText}}<img class="accordion-plus" src="{{meta.assetsPath}}img/plus79.png" alt="accordion content">
</a>
JS
$(function () {
if ($('pdp-accord-toggle').attr('aria-expanded') === true) {
$(this).find(".accordion-plus").toggleClass("accordion-minus");
}
})
編輯 - 更多信息
基本上我看在一個plus
圖標和一個minus
圖標之間切換,將.accordion-class
的img
替換為content: url(another image);
。 這也是我的CSS。
CSS
.accordion-plus {
height: 1em;
float: right;
margin-right: 1em;
}
.accordion-minus {
opacity: .5;
content: url(../../assets/img/minus-1.png);
}
看起來你只是缺少選擇器上的類前綴
if ($('.pdp-accord-toggle').attr('aria-expanded') === "true") {
}
它返回一個字符串,所以用引號括起true
這會更容易
$("#pdp-accord-toggle[aria-expanded='true']").find(".accordion-plus")
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.