based on a variable I want to give logic to .animate method in jquery. how can I do that?
my code:
$('#' + id)
.delay(shortIntervalTime)
.animate({opacity: 'show'})
.delay(longIntervalTime)
.fadeOut(3000, function () {
if (flag === true) {
cycle1(nextId, false);
} else {
vdoList = insertIntoArray(vdoListTwo);
console.log({ vdoList });
addDisplay(firstAd, true, vdoList);
}
});
so if id === 'block3' I want to use .animate({opacity: 'show', bottom: '100px'}) and in other case I want to use .animate({opacity: 'show'})
how can I do this?
You want to conditionally pass the object to animate method. So simply do this as:
.animate(
id === 'block3'
? { opacity: 'show', bottom: '100px' }
: { opacity: 'show' },
)
You can achive with ternary operator as:
$('#' + id)
.delay(shortIntervalTime)
.animate(
id === 'block3'
? { opacity: 'show', bottom: '100px' }
: { opacity: 'show' },
)
.delay(longIntervalTime)
.fadeOut(3000, function () {
if (flag === true) {
cycle1(nextId, false);
} else {
vdoList = insertIntoArray(vdoListTwo);
console.log({ vdoList });
addDisplay(firstAd, true, vdoList);
}
});