JQuery UI Аккордеон в Аккордеоне

Возможно ли иметь встроенный аккордеон в другом аккордеоне с jQuery UI?

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

Где суб-один-четыре-другой аккордеон.

Спасибо

Ответ 1

Дайте каждому контейнеру, который вы хотите сделать аккордеон, классу типа accordion и используйте:

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

Ответ 2

Просто укажите разные имена id для каждого аккордеона и вызовите их в функции jquery. Вам нужно будет отредактировать css, чтобы получить желаемый вид.

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

DEMO