Как обновлять masonry?

Question

[Анатолий Филиппов]

Здравствуйте!
Вот страница, которую сейчас делаю: mistxs.ru/dev13

Задача стоит такая: Нажал на "+", блок раскрылся и вызвался masonry чтобы перераспределить их.
Проблема: сейчас очень странно происходит - как будто задержка на один шаг

$('.kplus').on('click', function() {

var theClass = $(this).attr('id');

if ($('.text'+theClass).css('display') == 'none') {
$('.text'+theClass).animate({height: 'show'}, 100);
$('#'+theClass+'.kplus').addClass('viz');
$('#'+theClass+'.kplus span').replaceWith('-');
}

else {
$('.text'+theClass).animate({height: 'hide'}, 100);
$('#'+theClass+'.kplus').removeClass('viz');
$('#'+theClass+'.kplus span').replaceWith('+');
}

$grid.masonry();
});

});

вот скрипт которым я делаю схлопование/захлопование дива + в конце вызываю masonry.

Первоначальная идея была при щелчке увеличивать height, то есть добавлять класс с увеличенным height, но это вообще не то, и не адаптивно нифига. Однако с добавлением класса все работало ОК

Answer 1

[Алексей Зуев]

Попробуйте вызывать обновление masonry после завершения анимации.
К примеру так

$('.text' + theClass).animate({ height: 'show' }, 100, $grid.masonry.bind($grid));

Comments

[Анатолий Филиппов]

сработало!! а почему именно сюда то надо было писать? Я думал по завершению одной функции другую вызывать, а получается внутри

[Алексей Зуев]

Анатолий Филиппов: анимация срабатывает асинхронно. Код после него срабатывает быстрее, чем когда завершится анимация