Нужна раскрывающаяся таблица
Доброго дня!
Очень хочется иметь вот такую таблицу Как вы уже поняли заголовки должны раскрываться и закрываться в том месте, где плюс/минус Попытки сделать что-то подобное были вот тут и вот здесь Но в идеале хотелось бы некое универсальное решение, гибкое к изменениям (например увеличение, уменьшение количества ветвлений) Сразу скажу - в программировании не силен. Буду благодарен всем, кто может помочь. |
7Lexus, html разметку для начала сделайте.
|
Цитата:
Нежелательно, чтобы разметка была через списки. У меня сайт на Битриксе и почему-то как ни извращайся - маркеры списка не убираются и вид из-за этого довольно нелепый. (слева от плюс/минус остаются черные кружочки и никакое list-style-type: none не помогает) Нужно, чтобы использовалась только таблица. Помогите хотя бы выбрать правильное направление... натолкните на мысль. |
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" |
Цитата:
#page-content ul, #page-content ul li { list-style: none !important; } |
Если это всё, то ладно.... хорошо, спасибо )))
... вряд ли я поумнею ))) |
Цитата:
...не прокатывает |
Я проверял прямо на сайте, буллеты исчезают.
|
7Lexus, а чего вы ждали, я вам дал направление, сделайте таблицу, а там посмотрим куда дальше двигаться.
|
Решение уже есть. Осталось за малым.
Хочется, чтобы плюс после раскрытия ветки менялся на минус. Помогите сделать. Исходники |
Цитата:
|
Цитата:
я ведь не соображу никак. |
7Lexus,
вставьте 2 картинки сразу и показывайте по клику одну из них меня класс |
|
Цитата:
... спасибо вам огромное! .. ну помогите ещё выравнять картинку (плюс/минус) относительно текста и границ таблицы, чтоб было ровненько. ...пожалуйста! |
7Lexus,
:no: |
:cray:
|
Блин.. ну что же делать-то?... замучался уже ничего не получается ((
|
|
Цитата:
спасибо хоть на этом.... буду дальше что-то думать |
|
skrudjmakdak,
Спасибо, но там всё на основе списков. А я уже говорил выше - Битрикс в этом смысле очень подводит и не дает маркеры спрятать. Вот это решение меня устраивает вообще, я не могу добиться выравнивания элементов. |
Цитата:
|
ixth,
да, я внимательно читал и пробовал. ...НИКАК! У меня - никак. |
сколько пишу на js, а вот что за маркеры слышу первый раз)) че это такое??))
|
ааа ul li)) туплю. ну так цсс определите как сказал 7Lexus. откройте фаербаг, посмотрите что да как. какие классы у элементов. на крайняк скиньте скрин, посм что у вас криво
|
Тема закрыта, поскольку проблема решена.
Всем спасибо! skrudjmakdak, проблема осталась, но не суть. решилось всё через <tr><td> |
Часовой пояс GMT +3, время: 01:32. |