通过单击:after元素,显示引导程序4崩溃

时间:2020-10-09 22:48:37

标签: html jquery css bootstrap-4

现在,我先点击链接显示/隐藏第二个躯干,我能以某种方式做同样的事情

  1. 通过:在tryangle之后单击
  2. 或者如果不是不可能的话,请单击

我有这个.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 &amp; 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>

0 个答案:

没有答案