DJANGO - закрыть две кнопки коллапса одной

У меня небольшая проблема с кнопками коллапса в моем шаблоне django, вот что у меня есть :

изображение 1 (кнопка 1)

когда я нажимаю на кнопку, в таблице создается второй столбец, с другой кнопкой :

изображение 2 (кнопки 1 и 2)

и эта вторая кнопка создает третью колонку при нажатии :

изображение 3 (кнопки 1 и 2, и колонка 3)

Проблема в том, что я хочу "закрыть" столбцы 2 и 3, когда я нажимаю на кнопку 1 (чтобы все было как на первом изображении), но она закрывает только второй столбец, а третий остается на экране (я хочу, чтобы моя кнопка 1 закрывала два столбца) :

изображение 4 (кнопка 1 и колонка 3)

Вот мой код :

<tr>
  <td bgcolor="#FFEC00">
    <button type="button" class="btn btn btn-primary float-center" data-toggle="collapse" data-target="#button1">Button 1</button>
  </td>
</tr>
<tr id="button1" class="collapse">
  <td bgcolor="#00FF00">
    <button type="button" class="btn btn btn-primary float-center" data-toggle="collapse" data-target="#button2">Button 2</button>
  </td>
</tr>
<tr id="button2" class="collapse">
  <td bgcolor="#00C9FF">Hello</td>
</tr>

Кто-то знает, как мне это сделать?

Вернуться на верх