Php 拉维可折叠面板

我试图在拉威尔制作可折叠的面板。我不知道如何使下面的行动态

<div id="collapse1" class="panel-collapse collapse"> 

我试着用下面的方法做，但没有成功

@foreach($cons as $con )
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
  <h4 class="panel-title">
    <a data-toggle="collapse" href="#collapse1"><img alt="{{$con->image}}" src="{{URL::asset('albums/'.$con->image)}}" width="200" height="200"></a>
  </h4>
</div>
<div id="collapse{{$con->id}}" class="panel-collapse collapse">
  <div class="panel-body">{{$con->title}}</div>
  <div class="panel-footer">{!!$con->details!!}</div>
</div>
</div>
</div>
@endforeach 

@foreach（$cons作为$con）
{{$con->title}
{！！$con->details！！}
@endforeach

您错过了更改

面板标题

链接上的

href

<div class="panel-group">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <!-- Editing the HREF from original -->
                <a data-toggle="collapse" href="#collapse{{$con->id}}"><img alt="{{$con->image}}" src="{{URL::asset('albums/'.$con->image)}}" width="200" height="200"></a>
            </h4>
        </div>
        <div id="collapse{{$con->id}}" class="panel-collapse collapse">
            <div class="panel-body">{{$con->title}}</div>
                <div class="panel-footer">{!!$con->details!!}</div>
            </div>
        </div>
     </div>
</div>

{{$con->title}
{！！$con->details！！}

您所说的“它不起作用”是什么意思？