Задать вопрос
AsviS
@AsviS
начинающий

Таблица и спойлеры?

Всем привет!
У меня очередной вопрос: Как сделать в таблице что бы открывались спойлеры как на картинке:
b9de6a6d94a042d8aab2dea2d9f23c6d.png
таблицу сделал, что то напоминающее спойлер тоже, но он открывается только в одной колонке, а мне нужно что бы под строчкой на всю длину таблицы, таблицу сделал на bootstrap'е
вот таблица без открытого спойлера:
9861e72fe78c471d92f88d5714fab9aa.png
Таблица с открытым спойлером:
0eacdb2aed6b4fd18bf4a44c7f58d948.png
Если убираю код спойлера из <td></td>
вот сам код спойлера:
яваскрипт:
$(document).ready(function(){
    $('.spoiler_title').click(function(){ 
        var show = $(this).attr('show'); 
        if(show == 1){ 
            $(this).attr('show', 0);
            $('.spoiler_block').slideUp(300);
        }else{ 
            $(this).attr('show', 1);
            $('.spoiler_block').slideDown(300);
        }
    });
});

html код:
<label class="spoiler_title">+</label>
      <p class="spoiler_block"> 
       Hide text. 
    </p>

код онлайн: jsfiddle.net/AsviS/5jx3am7j/5
тогда скрытый текст появляется вообще за пределами таблицы!
Помогите пожалуйста!
  • Вопрос задан
  • 2653 просмотра
Подписаться 3 Оценить 11 комментариев
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
Так вы же сами написали и нарисовали, что вам надо сделать.
Под каждым спойлером отдельная строка c ячейкой и нужным colspan - если спойлер закрыт, то она нулевой высоты.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы