如何添加和删除stampt元素下的空白区域

Question

我正在使用BOOTSTRAP和ISOTOPE在元素组中进行过滤。我有一个折叠按钮（示例中为红色单元格）来隐藏和显示过滤器。我的想法是在我打开一个折叠的过滤器以获得一个红色单元格一直到底部的空白空间，而不是3个绿色的cols他们应该变成只有2.在我折叠过滤器后它应该再次变为3绿色的小马。以下是我的代码https://jsfiddle.net/tqLdre3s/2/

的示例

$stampElem = $('.filter-box');
var $Grid = $('.list-container').isotope({
  itemSelector: '.content-box',
  layoutMode: 'masonry',
  stamp: $stampElem
});
$('.list-container').on( 'click', '.filter-link', function(e) {
  e.preventDefault();
  $Grid.isotope( 'stamp', $stampElem );
  var filterValue = $(this).attr('data-filter');
  $Grid.isotope({ filter: filterValue });
});
$Grid.isotope({ filter: '.start-box-filters' });`

Answer 1

你走了：

jsFiddle

添加此CSS

127

JS

.gigante{height:270px;}