在行中div元素放大后放大行的高度

Question

我在一行中有一些div元素（类似于tile）。在我的瓷砖中，我有一些标题和按钮。因此，当我在某个图块中单击此按钮时，将显示产品说明。当我有多行“瓷砖”时，当我点击其中的一些描述按钮时，我想要放大这个瓷砖所在的行的高度。现在它只向下移动tile，它位于我单击的元素下面。怎么做？我的代码：

copy elision

和我的script.js

<div class='row'>
@foreach($devices as $device)
<div class='col-sm-3'>
    <div class='tile'>
        <p class='title'> {{$device->type}} </p>
        <div class='detail' style="text-align:center;"> 
            <a href='#'>
            <img src='img/show_more.png'
                 width='20' height='20' > 
            </a>
        </div>
        <div class="description">
            {{ $device->description }}
        </div>
    </div>
</div>
@endforeach