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>