jQuery UI di fisarmonica con le sezioni avvolte in DIV

Question

Ho implementato con successo una fisarmonica come indicato here, ma vorrei avvolgere ogni sezione in un div, quindi la mia struttura potrebbe essere il seguente:

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

È questo possibile utilizzare la funzionalità di fisarmonica fornita nell'interfaccia utente di jQuery? A partire da ora, se provo a crearlo in questo modo, tenta di trattare lo <div class="wrap"> come intestazione di sezione.

Answer 1

Cambiare l'opzione di intestazione sembra a posto.

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

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

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