jquery acordeão cabeçalho

Question

Olá, eu estou usando o jQuery acordeão plugin em 2 divs

para configuração I meus divs como este

<div id="contacts" class="mainStyle">
<h3 id="headeronline"><a href="#">Online</a></h3>
        <div id="onlinecontacts"> 
        </div>
<h3 id="headeroffline"><a href="#">Offline</a></h3>
        <div id="offlinecontacts"> 
        </div>
</div>

, em seguida, na minha função document.ready eu crio o acordeão

$("#contacts").accordion({
            collapsible: true, fillSpace: true
        });

Quero atualizar os cabeçalhos de teh acordeão, mais tarde, então eu uso

$(headeronline).text("Online (" + onlinecount + ")");

$(headeroffline).text("Offline (" + offlinecount + ")");

o texto do cabeçalho é actualizado, no entanto as novas extremidades texto se sobrepondo o colapso expandir ícone do acordeão.

Estou fazendo algo errado? se assim o que é a maneira correta para atualizar o cabeçalho do acordeão?

Graças

Answer 1

As suas necessidades de atualização do código a ser alterado da seguinte forma:

$('#headeronline a').text("Online (" + onlinecount + ")");

$('#headeroffline a').text("Offline (" + offlinecount + ")");

O headeronline e headeroffline não estavam sendo referidos como IDs e o texto precisava ser alterado no link, não em vez do cabeçalho.