首页 > 解决方案 > 扩展/切换 div 不显示来自 foreach 的 $ id

问题描述

我有这个:

@foreach($portfolios as $portfolio)

<div id="item-portfolio-expand{{$portfolio->id}}" class="item-portfolio-expand expand">
  <div class="container">
    <div class="row">
      <div class="col-md-8">
        col-md-8
      </div>
      <div class="col-md-4">
        {{ __('Name')}}: {{ $portfolio->name }}
      </div>
    </div>
  </div>
</div>
@endforeach

和这个:

@foreach ($portfolios as $portfolio)  
 <div class="portfolio-item {{ $portfolio->tag }} " data-category="transition">
   <img src="{{ $portfolio->image_show }}">
     <a href="#item-portfolio-expand{{$portfolio->id}}" data-toggle="collapse" data-target="#item-portfolio-expand{{$portfolio->id}}" data-parent="#item-portfolio-expand{{$portfolio->id}}">
       <div class="portfolio-item-overlay">
         <p class="name-item-overlay">{{ $portfolio->name }}</p>
       </div>
     </a>
 </div>
@endforeach

当我在第一个中按下时foreach,我想在<div id = "item-portfolio-expand {{$ portfolio-> id}}" class = "item- portfolio-expand expand ">我没有成功的地方切换第二个 foreach,我在项目中使用 bootstrap 和 jquery。.item-portfolio-expanddisplay: none;

同时,当一个打开并选择另一个时,关闭已经打开的一个并显示带有切换选择的那个。

标签: phplaravelforeachtoggle

解决方案


推荐阅读