jQuery UI 중첩 아코디언 : 열지 않는 제목을 사용할 수 있습니까?

Question

UI를 사용하여 중첩 된 탐색 아코디언을 만들려고합니다. (거기에 대체 방법이 많이 있지만, UI를 고수하고 싶습니다.) 이것은 내가 사실이라고 이해하는 것입니다. 내가 틀렸다면 정확하겠습니다 : jQuery 아코디언 on the official site의 기본 형식은

입니다.

<div> 
    <h3><a href="#">Section 1</a></h3> 
    <div> 
     Section 1 content 
    </div> 
    <h3><a href="#">Section 2</a></h3> 
    <div> 
     Section 2 content 
    </div> 
    ... 
</div> 

각 섹션에 두 번째 수준 아코디언을 중첩 할 수 있습니다. 예 : 이 "제 1 절 내용이"라고 여기서

<div class='accordion'> 
    <h3><a href="#1">1</a></h3> 
    <div> 
    <div class='accordion'> 
     <h3><a href="#1a">1.a</a></h3> 
     <div> Data from 1a</div> 
     <h3><a href="#1b">1.b</a></h3> 
     <div></div> 
    </div> 
    </div> 
    <h3><a href="#2">2</a></h3> 
    <div> 
    <div class='accordion'> 
    ... 

모든 제목은, 그러나, 그것은 비어있는 경우에도 그것의 <div> 해당 열 싶어 (예를 들어, # 1B). 헤딩이 매력적인 CSS 스타일의 양식을 유지하도록 허용 할 수 있습니까? href로만 작동합니까?

미리 감사드립니다.

Answer 1

올바른 방법이 아닙니다.

보조 아코디언 수준을 JS에서 선언하고 그에 따라 보조 div를 지정한 다음 기본 수준에서와 동일한 코드를 사용하십시오. 당신이 href에 넣은 것이 중요하지 않습니다.

$("#accordion,#subaccordion1,#subaccordion2,#subaccordion3").accordion({ });

예 : here을 참조하십시오.