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

Question

Можно ли встроить аккордеон в другой аккордеон с помощью jQuery UI?

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

Где Sub One через Four - другой аккордеон.

Спасибо

Answer 1

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

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

DEMO

Answer 2

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

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