intestazione della fisarmonica jquery

Question

Ciao, sto usando il plugin jquery per fisarmonica su 2 div

quindi ho impostato i miei div in questo modo

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

quindi nel mio documento. Già funzione creo la fisarmonica

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

Voglio aggiornare più tardi le intestazioni della fisarmonica, quindi uso

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

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

il testo dell'intestazione si aggiorna, tuttavia il nuovo testo finisce per sovrapporsi all'icona espandi comprimi della fisarmonica.

Sto facendo qualcosa di sbagliato? In tal caso, qual è il modo corretto di aggiornare l'intestazione della fisarmonica?

Grazie

Answer 1

Il codice di aggiornamento deve essere modificato come segue:

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

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

L'intestazione e la riga di intestazione non erano indicate come ID e il testo doveva essere modificato nel collegamento, non invece l'intestazione.