Um exemplo de como percorrer uma sequência de IDs.
A mágica começa nesse ponto list = $('[id^=foo]');
.
Com isso, obtém um array de objetos cujo ID começa com "foo".
Com o array em mãos, basta brincar com as informações e automatizar todos os outros processos relacionados com o número que compõe o ID.
O exemplo abaixo é apenas um toggle(). Troque-o pelas ações que deseja implementar.
O código é simples e procurei montar algo genérico e similar ao código da pergunta.
$().ready(function() {
/**
Procura todos os IDS que começam com "foo".
*/
list = $('[id^=foo]');
/**
Verifica o tamanho do array. Se for maior que ZERO, indica que encontrou objetos.
*/
if(list.length > 0){
/**
Laço de repetição para iterar o array. Equivalente ao foreach() do PHP.
*/
$.each(list, function(key, row) {
/**
Extrai o número do ID
*/
num = row.id.replace(/\D/g, '');
/**
Imprime os resultados no console.
No Google Chrome, pressione CTRL+SHIT+I para ver o console.
*/
console.log('key: '+key+', id: '+row.id, num);
$('#bar'+num).click(function() {
/**
Extrai o número do ID
*/
num = this.id.replace(/\D/g, '');
/**
Exibe ou oculta o objeto relacionado com ID do objeto clicado.
*/
$('#foo'+num).toggle();
/**
Exibe o número clicado, no console.
*/
console.log(num);
});
/**
Oculta os objetos "foo".
*/
$('#'+row.id).toggle();
});
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="bar1">bar</div>
<div id="foo1">foo</div>
<div id="bar2">bar</div>
<div id="foo2">foo</div>
<div id="bar3">bar</div>
<div id="foo3">foo</div>
<div id="bar4">bar</div>
<div id="foo4">foo</div>
<div id="bar5">bar</div>
<div id="foo5">foo</div>
No seu código será um pouco complicado usar essa lógica sem modificar o padrão do ID do elemento que recebe o click.
Nos elementos chamados "collapse" que recebem o trigger de click(), sugiro modificar para outro nome como "bar_collapse"+numero.
O número deve ser idêntico ao outro elemento "collapse" que invoca o método load().
Exemplo
<div id="bar_collapse1">
<div id="collapse1"></div>
</div>
<div id="bar_collapse2">
<div id="collapse2"></div>
</div>
Isso é necessário para facilitar o momento de busca dos objetos list = $('[id^=bar_collapse]');
var id_indicador
várias vezes, e isso faz com que a variável seja rescrita. E a repetir imenso código desnecessáriamente. Podes explicar o que pretendes fazer? Parece-me que passares essa array/objeto do PHP para uma array/objeto em javascript seria melhor, e depois iterar no javascript.