Como faço um jQuery que reconheça se aria-selected="false"
e se true trocar o background da div "seta-btn-sub" para outra imagem (img de seta). Isso é parte de um acordion e quero trocar a img da seta quando estiver aberta a parte (<div id="outraDiv">
), o 'area selected' aparece dentro do h3.
<h3>
<a>Banho</a>
<div class="seta-btn-sub"></div>
</h3>
<div id="outraDiv">
<ul>
<li><a href="#">Condicionadores</a><span></span></li>
<li><a href="#">sabonetes</a><span></span></li>
<li><a href="#">shampoos</a><span></span></li>
<li><a href="#">outros</a><span></span></li>
</ul>
</div>
Fiz algo assim até agora, mas ainda não consegui fazer funcionar como desejo
<script>
if($("#aria-selected").val() == true){
$(".seta-btn-sub").css("background-image","url(images/seta-blue.png);");
}
else if($("#aria-selected").val() == false){
$(".seta-btn-sub").css("background-image","url(images/seta-padrao-azul.png);");
}
</script>
aria-selected
deve ser definido por uma implementação específica, não é algo automático do HTML ou do navegador. Tem algum plugin específico que você está usando?