javascript Mudar "sinal" "+" para "-" em Accordion Bootstrap

[AndersonWS 10]

Não sei muito de JavaScript, creio que seja simples mas não estou conseguindo resolver.

 

Precisava de uma função Accordion que ao clicar no próximo item, fechasse as informações do anterior e assim por diante.

Usei o Accordion Bootstrap e funciona como eu queria, porém fico com um problema.

Quando clico no botão para abrir as informações ele abre a informação mas o "sinal" de "mais" não muda pra "menos" usando essa função:

$("a").click(function() {
  $("div").removeClass('in');
  
	if ("div".style.display !== "active") {
        $("div").addClass('active');
    } else {
		$("div").removeClass('active');
    }
  
});

Se eu uso outra, ele muda o sinal porém ai as informações do outro item não fecham e ficam todos abertos (o que eu não quero):

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function(){
        this.classList.toggle("active");
        var collapse = this.nextElementSibling;
        if (collapse.style.display === "block") {
            collapse.style.display = "none";
        } else {
            collapse.style.display = "block";
        }
    }
}

 

Meu HTML:

<style>
a.accordion {
	background: url(../img/pattern-1.png) repeat scroll 0 0 #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 96.5%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	margin-bottom:5px;
}
a.accordion.active, a.accordion:hover {
    background: #f3f3f3; 
}
a.accordion.active::after {
    content: "\2212";
}
a.accordion::after {
    content: '\002B';
    font-size: 13px;
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
*, *::before, *::after {
    box-sizing: inherit;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
</style>
<section style="margin:0 auto;width:100%;display:inline-table;">

	<a class="btn btn-block accordion" role="button" data-toggle="collapse" data-target="#BR-Ass" aria-controls="gestao">
	Todos os Estados
	</a>
	<div class="collapse" id="BR-Ass" style="margin:0 auto; width:96.5%;">
      informações Todos os Estados
    </div>
	<a class="btn btn-block accordion" role="button" data-toggle="collapse" data-target="#SP-Ass" aria-controls="gestao">
	São Paulo
	</a>
	<div class="collapse" id="BR-Ass" style="margin:0 auto; width:96.5%;">
      informações São Paulo
    </div>
  ...

</section>

Como faço o "sinal" mudar de mais para menos no javascript?
 

[wootzor 103]

$(document).ready(function() {
  $("a").click(function() {
    $(this).removeClass('in');
    if ($(this).hasClass('active')) {
      $(this).removeClass('active');
    } 
    else {
      $(this).addClass('active');
    }
  });
});

Podes ainda simplificar utilizando uma expressão ternária:

$(document).ready(function() {
  $("a").click(function() {
    $(this).removeClass('in');
    $(this).hasClass('active') ? $(this).removeClass('active') : $(this).addClass('active');
  });
});

Deixo um exemplo.

[AndersonWS 10]

11 horas atrás, wootzor disse:

$(document).ready(function() {
  $("a").click(function() {
    $(this).removeClass('in');
    $(this).hasClass('active') ? $(this).removeClass('active') : $(this).addClass('active');
  });
});

Deixo um exemplo.

Show de bola, isso mesmo que eu queria!

Só adicionei isso: $("div").removeClass('in');  pra fechar a anterior quando clica mas ai o sinal não muda de "-" para "+" de volta.
 

Só preciso que fecha a anterior ao clicar na próxima e mudando o sinal como faz no exemplo.