Нужна раскрывающаяся таблица

[7Lexus]

Доброго дня!
Очень хочется иметь вот такую таблицу


Как вы уже поняли заголовки должны раскрываться и закрываться в том месте, где плюс/минус

Попытки сделать что-то подобное были вот тут и вот здесь

Но в идеале хотелось бы некое универсальное решение, гибкое к изменениям (например увеличение, уменьшение количества ветвлений)

Сразу скажу - в программировании не силен.
Буду благодарен всем, кто может помочь.

[7Lexus]

7Lexus, html разметку для начала сделайте.

Да вот в этом тоже как бы проблема.
Нежелательно, чтобы разметка была через списки. У меня сайт на Битриксе и почему-то как ни извращайся - маркеры списка не убираются и вид из-за этого довольно нелепый. (слева от плюс/минус остаются черные кружочки и никакое list-style-type: none не помогает)
Нужно, чтобы использовалась только таблица.
Помогите хотя бы выбрать правильное направление... натолкните на мысль.

[ixth]

Да вот в этом тоже как бы проблема.
Нежелательно, чтобы разметка была через списки. У меня сайт на Битриксе и почему-то как ни извращайся - маркеры списка не убираются и вид из-за этого довольно нелепый. (слева от плюс/минус остаются черные кружочки и никакое list-style-type: none не помогает)

Не благодарите.

#page-content ul, #page-content ul li {
    list-style: none !important;
}

[7Lexus]

Если это всё, то ладно.... хорошо, спасибо )))
... вряд ли я поумнею )))

[7Lexus]

Не благодарите.

Да я бы и поблагодарил, если бы оно решало проблему.
...не прокатывает

[ixth]

Я проверял прямо на сайте, буллеты исчезают.

[7Lexus]

Решение уже есть. Осталось за малым.
Хочется, чтобы плюс после раскрытия ветки менялся на минус.

Помогите сделать.

Исходники

[рони]

Хочется, чтобы плюс после раскрытия ветки менялся на минус.

Селектор изменяет и потомков.

[7Lexus]

Селектор изменяет и потомков.

а можно уже готовое решение?
я ведь не соображу никак.

[рони]

7Lexus,
вставьте 2 картинки сразу и показывайте по клику одну из них меня класс