Question

我有一个独特的问题。我正在使用Twitter bootstraps手风琴崩溃。所有崩溃项目都在循环中从我的数据库中提取。在每个面板折叠内部都有链接导航到某个页面等。

要折叠每个面板，twitter bootstrap使用in。每个面板都有一个我在循环中生成的id（它是手风琴的工作方式）。假设我直接从地址栏访问其中一个链接，在这种情况下，手风琴不知道哪些链接属于哪个.panel-body，因此不会collapse in它只会正常加载

当直接从地址栏访问链接时，如何告诉手风琴panel-body要折叠in？

这是我的代码：

<div class="panel-group" id="accordion" >
    <a href="#" data-filter="*" class="list-group-item current">All Articles</a></li>
    @foreach($press_nav as $value)
      <div class="list-group panel">

        <a data-toggle="collapse" class="list-group-item" data-parent="#accordion" href="#{{ $value->id }}" data-filter=".{{ $value->category }}">

        <span class="badge pull-right">{{ $value->counter }}</span>
            {{ $value->category }}
        </a>

        <div id="{{ $value->id }}" class="panel-collapse collapse">
          <div class="panel-body">
            @foreach(explode(',', $value->category) as $category)
              <a data-pjax href="{{ URL::route('find-category', array('category' => $category)) }}">
                {{ $category }}
              </a><br><!--break-->
            @endforeach
          </div>
        </div>
      </div>
    @endforeach
  </div>

注意：我正在使用Laravel，所以我想我可以使用cookie并设置值in，然后一旦导航到链接，cookie就可以将该值注入到类中，但是我不会知道如何去做。

Answer 1

按下链接时可以使用折叠方法

方法

.collapse（选项）

将您的内容激活为可折叠元素。接受可选的选项对象。

$('#myCollapsible').collapse('show'/'hide'/'toggle');

Documentation

页面加载引导崩溃

1 个答案:

方法