encabezado de acordeón jquery

Question

Hola, estoy usando el complemento de acordeón jquery en 2 divs

así que configuré mis divs así

<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>

luego en mi función document.ready creo el acordeón

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

Quiero actualizar los encabezados del acordeón más adelante, así que uso

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

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

el texto del encabezado se actualiza, sin embargo, el nuevo texto termina solapando el ícono desplegable de despliegue del acordeón.

¿Estoy haciendo algo mal? En caso afirmativo, ¿cuál es la forma correcta de actualizar el encabezado del acordeón?

Gracias

Answer 1

Su código de actualización debe cambiarse de la siguiente manera:

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

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

El encabezado en línea y el encabezado no se mencionaban como ID y el texto debía cambiarse en el enlace, no en el encabezado.