【发布时间】：2019-02-18 11:27:22
【问题描述】：
我有一个表中的名称列表，当您单击选定的表行时，手风琴将弹出，但问题是当我单击一个名称时，所有手风琴将显示...
我只是把班级放在每一行。
<tr data-toggle="collapse" data-target=".dev-info" class="accordion-toggle devs">
<td>
<input type="hidden" class="devID" value="{{$dev->id}}">
<strong>{{$dev->last_name}}</strong>
</td>
<td><strong>{{$dev->first_name}}</strong></td>
<td> <strong>{{$dev->middle_name}}</strong></td>
<td>
<div class="pull-right">
<a href="{{url('profile-view',$dev->id)}}" class="btn btn-primary btn-block viewProfile"><i class="glyphicon glyphicon-user "></i><b>View Profile</b></a>
</div>
</td>
</tr>
<tr>
<td colspan="4" class="hiddentablerow">
<div class="box-group accordian-body collapse dev-info">
<!-- we are adding the .panel class so bootstrap.js collapse plugin detects it -->
<div class="panel box box-info">
<div class="box-header with-border">
<h4 class="box-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Additional Information
</a>
</h4>
<div>
<select class="star-rating">
@foreach($dev->child_user_rating as $rate)
<option value="$rate->rating">{{count($rate->parent_user_rating_desc) > 0 ? $rate->parent_user_rating_desc[0]->description : 'Not Set'}},</option>
@endforeach
</select>
</div>
<input type="hidden" class="devID" value="{{$dev->id}}">
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="box-body">
<strong><i class="glyphicon glyphicon-envelope margin-r-5"></i> Email Address</strong>
<p class="text-muted">{{$dev->email}}</p>
<hr>
<strong><i class="fa fa-map-marker margin-r-5"></i> Location</strong>
<p class="text-muted">{{count($dev->child_user_location) > 0 ? $dev->child_user_location[0]->street : 'Not Set'}},{{count($dev->child_user_location) > 0 ? $dev->child_user_location[0]->brgy : 'Not Set'}},{{count($dev->child_user_location) > 0 ? $dev->child_user_location[0]->city : 'Not Set'}},{{count($dev->child_user_location) > 0 ? $dev->child_user_location[0]->province : 'Not Set'}},{{count($dev->child_user_location) > 0 ? $dev->child_user_location[0]->country : 'Not Set'}}</p>
</div>
</div>
</div>
<div class="panel box box-danger">
<div class="box-header with-border">
<h4 class="box-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
Skills
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="box-body">
<strong><i class="fa fa-pencil margin-r-5"></i> Skills</strong>
<p>
@foreach($dev->child_user_specilization as $skill)
<span class="label label-success">{{$skill->sklill_desc->description}}</span>
@endforeach
</p>
</div>
</div>
<div class="panel box box-success">
<div class="box-header with-border">
<h4 class="box-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
Achievements
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="box-body">
<strong><i class="fa fa-file-text-o margin-r-5"></i> Achievements</strong>
<p>
@foreach($dev->child_user_achievement as $achievement)
<span class="label label-success">{{$achievement->name}}</span>
@endforeach
</p>
</div>
</div>
</div>
</div>
</td>
</tr>
我应该使用 JQuery 来过滤数据吗？如果我使用 JQuery 怎么办？因为纯 html 具有切换手风琴的类。
【问题讨论】：
-
我不认识
@foreach或{{$achievement->name}}语法。这绝对不是纯 HTML。您必须指定您使用的模板引擎/平台。 -
啊……别介意……那是 laravel 平台显示数据库中的数据……
-
请指定您使用的框架或为您的问题添加标签。
-
@solomon 我正在使用 Laravel...
标签： javascript jquery laravel