使用show more按钮隐藏foreach循环中的一些项目

时间:2017-12-13 19:01:26

标签: javascript php jquery

我在我的php中使用foreach循环

<div class="items">
@foreach($results as $details)
<div class="col s2 l2">
{{ $details }}
</div></div>

我只是使用Laravel提供的刀片模板。

我如何只显示结果项的第一行,即首先只显示6个项目,因为6个项目将等于12行,因为每个项目需要2行(根据flexbox)并显示{{1}点击的按钮将显示所有项目

我尝试更改showmore div的高度,但这会隐藏整个div,点击显示更多。我想,这不是最好的方法,任何人都可以指导我该怎么办?

1 个答案:

答案 0 :(得分:1)

你遗失的 endforeach 。$ results是数组?或者是一个类的实例?

<div class="items">
@foreach($results as $details)
<div class="col s2 l2">
{{ $details }}
</div>
@endforeach
</div>