jqueryアコーディオンヘッダー

Question

こんにちは、2つのdivでjqueryアコーディオンプラグインを使用しています

だからこのようにdivを設定する

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

次にdocument.ready関数でアコーディオンを作成します

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

後でアコーディオンのヘッダーを更新したいので、使用します

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

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

ヘッダーのテキストは更新されますが、新しいテキストはアコーディオンの折りたたみ展開アイコンに重なってしまいます。

何か間違ったことをしていますか？もしそうなら、アコーディオンのヘッダーを更新する正しい方法は何ですか？

ありがとう

Answer 1

次のように更新コードを変更する必要があります：

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

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

headeronlineとheaderofflineはIDと呼ばれていませんでした。リンクではなく、ヘッダーでなくテキストを変更する必要がありました。