<div id="info-client">
	<div class="expand">
		<h2>Пробная таблица</h2>
		<label class="expand-control">Подробно</label>
		<input class="expand-control" type="checkbox" />
		<table class="grid">
			<tbody>
				<tr>
					<td>1</td>
					<td>2</td>
				</tr>
				<tr class="expand">
					<td>3</td>
					<td>4</td>
				</tr>
				<tr class="expand">
					<td>5</td>
					<td>6</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

#info-client > .expand > input.expand-control ~ table.grid
, #info-client > .expand > input.expand-control ~ table.grid td
{
	border: 1px solid;
}

#info-client > .expand > input.expand-control ~ table.grid tr.expand
, #info-client > .expand > input.expand-control ~ table.grid tr.expand td
{
	display: none;
}

#info-client > .expand > input.expand-control:checked ~ table.grid tr.expand
, #info-client > .expand > input.expand-control:checked ~ table.grid tr.expand td
{
	display: unset;
}

#info-client > .expand > input.expand-control:checked ~ table.grid tr.expand
{
	display: table-row;
}

#info-client > .expand > input.expand-control:checked ~ table.grid tr.expand td
{
	display: table-cell;
}

#info-client > .expand > input.expand-control:checked ~ table.grid .expand
{
	display: none;
}