Как вложено прятать строки таблицы?

[Бобр]

Как вложено прятать строки таблицы?

Обычно я делаю вложенные span:

<span id=span1>
test1
<span id=span2>
test2
</span>
</span>

И таким образом отображаю span1, а внутри него кнопка, чтобы показывать span2. Вложенность.

Но если внутри span спрятать строки таблицы, то этот подход не работает. Как быть? Может есть какой элемент аналогичный span, но для таблиц? Или какой-то простой способ решения проблемы?

[Octane]

Внутри строкового элемента span не может находится table или блочный элемент.
Опишите проблему подробнее.

[Бобр]

Внутри строкового элемента span не может находится table или блочный элемент.

Мне нужно, чтобы находился не table, а tr внутри span, или чего-нибудь подобного. Чтобы можно было ему делать style.display='none', и таким образом скрывать строки таблицы, или открывать.

[Octane]

<tbody>

[Бобр]

<tbody>

Что надо сделать, чтобы он работал вложено? Или как это можно сделать?

[JsLoveR]

<table>
	<tbody id="rows_cells">
		<tr>
			<td>1</td>
			<td>2</td>
		</tr>
		
		<tr>
			<td>3</td>
			<td>4</td>
			<td>5</td>
		</tr>
	</tbody>
</table>
<p onclick="display()">Скрыть</p>

function display(){
	var tbody=document.getElementById("rows_cells");
	tbody.style.display=="none" ? tbody.style.display="block" : tbody.style.display="none";
}

[exec]

tbody.style.display="block"

Если я не ошибаюсь, у TBODY по умолчанию table-row-group, а не block.

[Бобр]

JsLoveR JsLoveR вне форума

Ключевое слово в названии темы: ВЛОЖЕНО. Как ВЛОЖЕНО прятать строки, а не просто прятать.

То есть чтобы было так:

<table>
    <tbody id="rows_cells">
        <tr>
            <td>Здесь кнопка чтобы скрывать rows_cells2</td>
        </tr>
         
    <tbody id="rows_cells2">
        <tr>
            <td>Здесь кнопка чтобы скрывать rows_cells3</td>
        </tr>
    <tbody id="rows_cells3">
        <tr>
            <td>Здесь кнопка чтобы скрывать rows_cells4</td>
        </tr>
    <tbody id="rows_cells4">
        <tr>
            <td>5</td>
        </tr>
    </tbody>
    </tbody>
    </tbody>
    </tbody>
</table>

Но вложенность для tbody не работает. Поэтому я и спрашиваю, как это можно сделать?

[Octane]

В чем проблема сделать вложенные таблицы?

[Бобр]

В чем проблема сделать вложенные таблицы?

Если проблемы нет, то покажите как это сделать жаваскриптом?

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

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