jquery accordéon header

Question

Bonjour, je me sers du plugin jquery accordéon sur 2 divs

alors je configure mes divs comme ceci

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

puis, dans ma fonction document.ready, je crée l'accordéon

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

Je veux mettre à jour les en-têtes de l'accordéon plus tard, alors j'utilise

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

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

le texte de l'en-tête est mis à jour, mais le nouveau texte finit par chevaucher l'icône de développement / réduction de l'accordéon.

Est-ce que je fais quelque chose de mal? si tel est le cas, quelle est la bonne façon de mettre à jour l’en-tête de l’accordéon?

Merci

Answer 1

Votre code de mise à jour doit être modifié comme suit:

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

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

L'en-tête en ligne et l'en-tête en-tête ne sont pas appelés identifiants et le texte doit être modifié dans le lien, pas à la place de l'en-tête.