Php 引导4折叠打开同一张卡

我试图隐藏每张卡片上的描述。在我的代码中只有一张卡片，因为我使用数据库和php来显示它们。问题是，不管我在哪张卡上按下折叠按钮，它总是打开第一张卡。我附加了一个gif以便您可以看到问题。 这是我的密码：

<h5 class="card-description">
  <div class="card">
    <div class="card-header" role="tab" id="headingThree">
      <h5 class="mb-0">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="false"
          aria-controls="collapse3">Heading 3</a>
      </h5>
    </div>
    <div id="collapse3" class="collapse" role="tabpanel" aria-labelledby="headingThree">
      <div class="card-body">
        <?php echo $record['description']; ?>
      </div>
    </div>
  </div>
</h5>

---

发生这种情况的原因是，第二张卡中的链接也引用了

#collapse3

确保为不同的元素分配不同的ID。如中所示，在一张卡中，使用ID，如

折叠1

，

标题1

等，在第二张卡中使用

折叠2

，

标题2

等，但要确保所有引用都是正确的。与检查

data-

和

aria-

标记一样

在PHP中：

<div class="card">
<div class="card-header" role="tab" id="heading<?php echo $record['id'];?>">
<h5 class="mb-0">
    <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo $record['id'];?>" aria-expanded="false" aria-controls="collapse<?php echo $record['id'];?>">Heading 3</a>
</h5>
</div>
<div id="collapse<?php echo $record['id'];?>" class="collapse" role="tabpanel" aria-labelledby="heading<?php echo $record['id'];?>">
<div class="card-body">
    <?php echo $record['description'];?>
</div>
</div>
</div>

但如果我的代码中只有一张卡，如何使用不同的ID？我应该使用数据库中的ID吗？您计划显示多少张卡？只有一张或多张卡片会从数据库中取出？很多。将从数据库中选择它们。如果您计划从数据库中获取卡数据，则可以使用for循环，并将ID命名为

collapse{index}

，其中index是for循环的索引，也不需要使用相同的ID。您可以使用

heading1

而不是

headingOne

。因此，您可以轻松地在for循环中创建它。只要检查一下参考资料就行了。确保将其更改为

heading1

everywhere