When using XF.Animate.slideDown()
and XF.Animate.slideUp()
as replacements for jQuery.slideDown()
and jQuery.slideUp()
, you experience stilted animations.
XF.Animate.slideDown()
:
[ATTACH=full]301057[/ATTACH]
XF.Animate.slideUp()
:
[ATTACH=full]301058[/ATTACH]
Relevant JS code:
[CODE=javascript]for (let key in data.items)
{
let item = data.items[key];
XF.setupHtmlInsert(item, ($html, container, onComplete) =>
{
let self = this;
$html.style.display = 'none';
this.$container.insertBefore($html, this.$container.firstChild);
XF.Animate.slideDown($html, {
speed: (this.options.refreshDelay * 1000) / 2,
complete ()
{
self.$container
.querySelectorAll('li:nth-child(n+' + (self.options.maxResults - 1) + ')')
.forEach($el => {
XF.Animate.slideUp($el, {
speed: (self.options.refreshDelay * 1000) / 2,
complete ()
{
$el.remove();
}
})
})
;
},
})
XF.layoutChange();
});
}[/CODE]