Tenho a função que muda a opacidade de vários elementos com a classe .single-product
para 1
. Meu problema é que sempre que a página carrega, essa função vai executar uma animação por 500 milisegundos e depois disso ela executa a mesma função novamente para que todos os elementos tenham um pequeno fade quando a página carrega. Como fazer um delay menor entre essas animações?
var children = [];
$("#prod-general").children().each(function() {
children.push(this);
});
function fadeThemOut(children) {
if (children.length > 0) {
var currentChild = children.shift();
$(currentChild).set.animate({
'opacity': '1'},
500, function() {
fadeThemOut(children);
});
}
}