Как засунуть таблицу под спойлер

Сперва нужно заполнить саму таблицу через редактор, например вот:

Съешь	ещё	этих
мягких	французских	булок

Дальше нужно перейти в редактирование кода. Там таблица будет выглядеть вот так:

<table>
<tbody>
<tr>
    <td>Съешь
    </td>
    <td>ещё
    </td>
    <td>этих
    </td>
</tr>
<tr>
    <td>мягких
    </td>
    <td>французских
    </td>
    <td>булок
    </td>
</tr>
</tbody>
</table>

Для того, чтобы обернуть это под спойлер, нужно добавить немного кода перед <table> и после </table>

В самом начале нужно вставить:

<p><span class="spoiler"></span>
</p><span class="spoiler"><input tabindex="-1" type="checkbox" id="1"><label for="1">Спойлер</label><span class="show_body spoiler_body">

И в самом конце это:

</span></span>

В конечном результате у вас должен получиться такой код:

<p><span class="spoiler"></span>
</p><span class="spoiler"><input tabindex="-1" type="checkbox" id="1"><label for="1">Спойлер</label><span class="show_body spoiler_body">
<table>
<tbody>
<tr>
    <td>Съешь
    </td>
    <td>ещё
    </td>
    <td>этих
    </td>
</tr>
<tr>
    <td>мягких
    </td>
    <td>французских
    </td>
    <td>булок
    </td>
</tr>
</tbody>
</table>
</span></span>

Спойлер

Съешь	ещё	этих
мягких	французских	булок

Нюанс, который лучше знать, чем не знать. Если вы хотите вставить несколько спойлеров, то нужно быть чуть внимательнее с кодом. В примере мы выставляем айди:

<input tabindex="-1" type="checkbox" id="1"><label for="1">

id=«1» и label for=«1». У каждого спойлера тут должно быть своё уникальное значение. Например, если вы добавите ещё одну таблицу, то тут уже будет так:

<input tabindex="-1" type="checkbox" id="2"><label for="2">

Отдельное спасибо f0llovvme за помощь со спойлерами.

таблица спойлер сайт

+13

21.06.2023

318

ludwici

21.06.23 07:45

ludwici

8 комментариев

ashtress 21 июня 2023 в 07:56 #

Людвичи, ты укротитель спойлеров!

Davjam 21 июня 2023 в 08:36 #

Когда я вырасту, я хочу стать как Людвичи!

Blue_Minivan 21 июня 2023 в 13:14 #

Ничего не понял, но очень интересно

Pesas 21 июня 2023 в 15:31 #

Сложно

Rusant 21 июня 2023 в 18:12 #

там же есть кнопочка дабы вставить спойлер…

ludwici 21 июня 2023 в 18:33 #

А ты попробуй через кнопочку таблицу закинуть под спойлер

⚜Барон_есса Мэрич⚜ 23 июня 2023 в 16:08 #

Ехал спойлер через спойлер, видит спойлер в спойлер спойлер, Сунул спойлер руку в спойлер, спойлер за спойлер спойлер спойлер!

ludwici 17 сентября 2023 в 20:27 #

Ушла эпоха