Skip to main content
Adicionado o código que o usuário postou como uma resposta
Fonte Link
Gabe
  • 2,5mil
  • 2
  • 25
  • 40

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>  

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>

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>  
o problema é com jquery ui
Link
utluiz
  • 74,6mil
  • 8
  • 162
  • 254
tag de código
Fonte Link
utluiz
  • 74,6mil
  • 8
  • 162
  • 254

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>

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 (), 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>

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>
added 36 characters in body
Fonte Link
CRAJ
  • 905
  • 2
  • 10
  • 30
Carregando
Melhorada formatação e alguns outros erros
Fonte Link
André Leria
  • 5,2mil
  • 2
  • 24
  • 46
Carregando
Carregando
Fonte Link
CRAJ
  • 905
  • 2
  • 10
  • 30
Carregando