jquery Akkordeon-Header

Question

Hallo, ich bin mit der jQuery Akkordeon-Plugin auf 2 divs

so ich Setup wie dies meine divs

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

dann in meiner document.ready Funktion schaffe ich das Akkordeon

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

Ich möchte später auf die Header teh Akkordeon aktualisieren, so dass ich

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

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

Der Text der Header-Update hat jedoch der neue Text endet überlappende der Zusammenbruch Symbol des Akkordeons erweitern.

Mache ich etwas falsch? wenn ja, was ist der richtige Weg, um den Header des Akkordeons zu aktualisieren?

Danke

Answer 1

Ihr Update-Code geändert werden muss, wie folgt:

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

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

Die headeronline und headeroffline wurden als IDs bezeichnet und der Text nicht erforderlich ist in der Verbindung geändert werden soll, nicht anstelle der Header.