Я пытаюсь сделать таблицу, которая позволяет получать суб информацию, когда строка щелкнул, я получил следующий код, но я не могу сделать суб информация отображается отдельно друг от другаСпойлер на строку таблицы с селектором CSS
#spoiler, #close {
display: none;
}
#show:target #spoiler {
display: table-row;
}
#show:target #open {
display: none;
}
#show:target #close {
display: block;
}
<div id="show">
<table>
<tr>
<td> <a href="#show" id="open" class="trigger open">Company 1</a>
<a href="#hide" id="close" class="trigger close">Company 1</a></td>
</tr>
<tr>
<td id="spoiler" class="spoiler">Company 1 Information</td>
</tr>
<tr>
<td> <a href="#show" id="open" class="trigger open">Company 2</a>
<a href="#hide" id="close" class="trigger close">Company 2</a> </td>
</tr>
<tr>
<td id="spoiler" class="spoiler">Company 2 Information</td>
</tr>
</table>
</div>
ids можно использовать только один раз, вот почему :) –