jQuery連接手風琴與標籤

Question

我會連接手風琴類似於jQuery的官方演示here但不是列表，使用手風琴...它可能嗎？有人可以給我一個工作的例子嗎？

Answer 1

有一個Accordion | jQuery UI演示。

你應該能夠卡口與accordeons結合起來，如果你使用

$(function() { 
    $("#tabs").tabs(); 
    $("#accordion-1").accordion(); 
    $("#accordion-2").accordion(); 
}); 

和HTML結構這樣

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