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

[7Lexus]

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


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

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

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

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

[Rise]

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

[7Lexus]

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

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

[Rise]

7Lexus,

Таблица1:
	1-я строка "Уровень1" [+]
	2-я строка "Уровень1"(скрыта):
		Таблица2:
			1-я строка "Уровень2" [+]
			2-я строка "Уровень2"(скрыта):
				Таблица3:
					1-я строка "Уровень3"
					2-я строка "Уровень3"
					3-я строка "Уровень3"
			3-я строка "Уровень2" [+]
			4-я строка "Уровень2"(скрыта):
				Таблица3:
					1-я строка "Уровень3"
					2-я строка "Уровень3"
					3-я строка "Уровень3"
	3-я строка "Уровень1" [+]
	4-я строка "Уровень1"(скрыта):
		Таблица2:
			1-я строка "Уровень2" [+]
			2-я строка "Уровень2"(скрыта):
				Таблица3:
					1-я строка "Уровень3"
					2-я строка "Уровень3"
					3-я строка "Уровень3"
			3-я строка "Уровень2" [+]
			4-я строка "Уровень2"(скрыта):
				Таблица3:
					1-я строка "Уровень3"
					2-я строка "Уровень3"
					3-я строка "Уровень3"

[ixth]

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

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

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

[7Lexus]

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

[7Lexus]

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

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

[ixth]

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

[Rise]

7Lexus, а чего вы ждали, я вам дал направление, сделайте таблицу, а там посмотрим куда дальше двигаться.

[7Lexus]

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

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

Исходники