jQuery UI Accordion en Accordion

Question

¿Es posible tener un acordeón incrustado en otro acordeón con jQuery UI?

-Item One 
-Item Two 
-Item Three 
    --Sub One 
    --Sub Two 
    --Sub Three 
-Item Four 

Donde Sub One to Four es otro acordeón.

Gracias

Answer 1

Dé a cada contenedor que desea hacer un acordeón una clase como accordion y uso:

$(".accordion").accordion();

Answer 2

Sólo dar diferentes id nombres para cada acordeón y llamarlos en la función jQuery Sin embargo, tendría que editar el CSS para obtener el aspecto deseado.

$(function() { 
    $("#accordion,#accordion2").accordion(); 
    }); 

DEMO