jQuery 아코디언 헤더

Question

안녕하세요 저는 2 개의 divs에서 jQuery Accordion 플러그인을 사용하고 있습니다.

그래서 나는 이런 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>

그런 다음 내 문서에서 준비 기능에서 아코디언을 만듭니다

$("#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라고 표시되지 않았으며 링크에서 링크에서 변경 해야하는 텍스트가 헤더가 아닌 대신 텍스트를 변경해야했습니다.