jQuery가 탭으로 아코디언을 연결합니다.

Question

jQuery의 공식 데모와 비슷한 탭을 사용하여 accordions를 연결하지만 here 목록 대신 아코디언을 사용하면 ... 가능합니까? 누군가가 저에게 실제 사례를 제공해 줄 수 있습니까?

Answer 1

데모가 Accordion | jQuery UI입니다. 당신은 내가 시도의 예에서이 코드를 구현 할이

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Tab 1</a></li> 
     <li><a href="#tabs-2">Tab 2</a></li> 
     <li><a href="#tabs-3">Tab 3</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <div id="accordion-1"> 
      <h3>Section 1</h3> 
      <div> 
       <p> 
       Tab 1 - Section 1 
       </p> 
      </div> 
      <h3>Section 2</h3> 
      <div> 
       <p> 
       Tab 1 - Section 2 
       </p> 
      </div> 
     </div> 
    </div> 
    <div id="tabs-2"> 
     <div id="accordion-2"> 
      <h3>Section 1</h3> 
      <div> 
       <p> 
       Tab 2 - Section 1 
       </p> 
      </div> 
      <h3>Section 2</h3> 
      <div> 
       <p> 
       Tab 2 - Section 2 
       </p> 
      </div> 
     </div> 
    </div> 
</div>