Я пытаюсь использовать изотопный фильтр js, в котором каждый фильтруемый элемент имеет встроенный аккордеон 3.3.7.Это отлично работает, но при нажатии на любой элемент аккордеона появляется скользящая ошибка.Вот пример ошибки https://codepen.io/paulhaem/pen/ZJELJr
Как вы можете видеть, как только вы нажимаете на любой элемент, он сначала скользит вниз, а следующий элемент немного опускается немного позже.Есть ли способ решить эту проблему?
// init Isotope
var $grid = $('.portfolio-grid').isotope({
itemSelector: '.portfolio-item',
layoutMode: 'vertical',
hiddenStyle: {
opacity: 0
},
visibleStyle: {
opacity: 1
},
});
$grid.on('shown.bs.collapse hidden.bs.collapse', function() {
$(this).slideDown(
function() {
$grid.isotope('layout');
}
);
});
// filter items on button click
$('.button-group').on( 'click', 'button', function() {
var filterValue = $(this).attr('data-filter');
$grid.isotope({ filter: filterValue });
});
// change is-checked class on buttons
$('.button-group').each( function( i, buttonGroup ) {
var $buttonGroup = $( buttonGroup );
$buttonGroup.on( 'click', 'button', function() {
$buttonGroup.find('.is-checked').removeClass('is-checked');
$( this ).addClass('is-checked');
});
});