jQuery UI akordeon z sekcjami zawinięte w div

Question

Mam powodzeniem wdrożone akordeon przedstawionego here, ale chcieliby, aby owinąć każdą sekcję w div, więc moja konstrukcja będzie w następujący sposób:

<div id="accordion"> 
<div class="wrap"> 
<h3><a href="#">Header 1</a></h3> 
<div>Collapsible content 1</div> 
</div><!-- end wrap --> 
<div class="wrap"> 
<h3><a href="#">Header 2</a></h3> 
<div>Collapsible content 2</div> 
</div><!-- end wrap --> 
<div class="wrap"> 
<h3><a href="#">Header 3</a></h3> 
<div>Collapsible content 3</div> 
</div><!-- end wrap --> 
</div> 

Czy to możliwe przy użyciu funkcjonalności akordeonu podanej w jQuery UI? Na razie, jeśli spróbuję to zbudować w ten sposób, spróbuję potraktować <div class="wrap"> jako nagłówek sekcji.

Answer 1

Zmiana opcji nagłówka wydaje się być w porządku.

http://jqueryui.com/demos/accordion/#option-header

$(function() { 
     $("#accordion").accordion(
     { header: '> div.wrap > h3' } 
     ); 
    }); 

http://jsfiddle.net/Quincy/RCXwz/