Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Нужна раскрывающаяся таблица (https://javascript.ru/forum/dom-window/49361-nuzhna-raskryvayushhayasya-tablica.html)

7Lexus 09.08.2014 22:29

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


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

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

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

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

Rise 10.08.2014 05:11

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

7Lexus 10.08.2014 08:01

Цитата:

Сообщение от Rise (Сообщение 325124)
7Lexus, html разметку для начала сделайте.

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

Rise 10.08.2014 08:33

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 10.08.2014 09:21

Цитата:

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

Не благодарите.
#page-content ul, #page-content ul li {
    list-style: none !important;
}

7Lexus 10.08.2014 12:20

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

7Lexus 10.08.2014 16:50

Цитата:

Сообщение от ixth
Не благодарите.

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

ixth 10.08.2014 16:58

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

Rise 10.08.2014 17:00

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

7Lexus 13.08.2014 19:21

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

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

Исходники


Часовой пояс GMT +3, время: 01:20.