现在,我先点击链接显示/隐藏第二个躯干,我能以某种方式做同样的事情
我有这个.html代码和.css,这是一个:after元素上的小三角形。 (我正在使用bootsrap 4和jQuery v3.2.1)
.forumsectionname:after {
content: '';
border: 6px solid transparent;
border-top-color: inherit;
position: absolute;
right: 30px;
margin-top: 9px;
}
<tbody id="mag">
<tr style="background: rgba(0,0,0,0.03);">
<td class="forumssection forumsectionname" colspan="4" style="border-top: none">
<a href="#collapsemag" class="fw-400 fs-16 underline text-darker" data-toggle="collapse" aria-expanded="false" aria-controls="collapsemag" id="collapsemagToggle">Magazine</a>
</td>
</tr>
</tbody>
<tbody class="collapse show" id="collapsemag">
<tr>
<td class="maincoll">
<a class="fs-15 fw-300" href="ru/forums/mag/tips">Tips & Tricks</a>
</td>
<td class="text-center">2</td>
<td class="text-center beforebeforelast">4</td>
<td class="text-center hidden-xs-down beforelast">
<img class="icon" src="modules/forums/img/activity0.png" alt=" 0">
</td>
</tr>
<tr>
<td class="maincoll">
<a class="fs-15 fw-300" href="ru/forums/mag/gear">Gear</a>
</td>
<td class="text-center">0</td>
<td class="text-center beforebeforelast">0</td>
<td class="text-center hidden-xs-down beforelast">
<img class="icon" src="modules/forums/img/activity0.png" alt=" 0">
</td>
</tr>
</tbody>