Question

所以最近我一直在弄弄symfony，现在我可以生成包含我们的FAQ问题和答案的卡，我的问题是：我如何为这些生成的卡添加折叠功能？

我当时正在考虑折叠手风琴，但是在互联网上找不到对我有用的东西。因此，如果有人可以给我一些提示，说明如何为这些生成的卡片添加合拢。

我认为这应该是我真正需要包含的所有代码，但是如果您需要其他任何内容，请告诉我

任何帮助将不胜感激！

'PostCreateForm' object is not callable

Answer 1

由于您使用的是Bootstrap 4，因此可以非常轻松地完成类似的操作。

首先，您需要识别卡的触发器和主体块。

假设您有一个button作为合拢触发器。 button必须具有data-toggle和data-target数据属性。参见下文

<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">Simple collapsible</button>

卡片的折叠/展开主体块需要具有id和class，并需要分别与上述触发的data-target和data-toggle匹配

<div id="demo" class="collapse">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

示例， https://codepen.io/anjanasilva/pen/LXGEgK

要动态申请，

对这些合拢触发器使用$(element).data('toggle', 'collapse');和$(element).data('target', '#ID');。对于正文，将元素定位为目标，然后像这样collapse添加类$(element).addClass('collapse');。

希望这会有所帮助，

干杯..

如何为这些动态加载的卡添加引导折叠？

1 个答案: