Question

我在phpbb中实现了一个使用基于引导程序的样式的扰流盒bbcode。

但我遇到问题因为phpbb没有为每个处理的bbcode提供任何唯一标识符，所以我不能使用id为可折叠div，因为每次成员在文本中使用bbcode时不可避免地会复制代码

基础html是这样的：

<div class="panel-group">
<div class="panel panel-warning">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a data-toggle="collapse" href="#collapse1">SPOILER!</a>
        </h4>
    </div>
    <div id="collapse1" class="panel-collapse collapse">
        <div class="panel-body">{TEXT}</div>
    </div>
</div>

那么如何在没有id的情况下使面板主体可折叠？

感谢。

Answer 1

嗯，PT stackoverflowers很快。

这里翻译了answer：

<div class="panel panel-warning">
  <div class="panel-heading">
    <h4 class="panel-title">
            <a data-toggle="collapse" onclick="$(this).parents().next('div.panel-collapse.collapse').collapse('toggle');">SPOILER!</a>
        </h4>
  </div>
  <div class="panel-collapse collapse">
    <div class="panel-body">{SPOILER}</div>
  </div>
</div>

不是最好的形式，但是如果你不能获得任何ID，那么它就是另一种选择。

这里是jsfiddle

触发没有id的可折叠面板

1 个答案: