Как работать с изотопным фильтром и бутстрап-гармошкой? - PullRequest
Новая
       24

Как работать с изотопным фильтром и бутстрап-гармошкой?

1 голос
/ 29 июня 2019

Я пытаюсь использовать изотопный фильтр 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');
      });
    });
...