Problem with animation method only with Chrome

I am testing certain effects for a web page with animate method, but does not work with Chrome, yes with Firefox and IE11. I tried grouping items with the div tag but it happens more or less the same. When the effects overlap, then hide others. Why can it be?

http://solutecme.com/anti-okupa/

The code is simple:

sym.$("rodona1").animate({"opacity":"0"}, 1000, "swing");

sym.$("rectangle1").animate({"opacity":"0"}, 1000, "swing");

sym.$("text1").animate({"opacity":"0"}, 1000, "swing");

sym.$("foco").animate({"opacity":"0"}, 1000, "swing");

or with opacity to 1.

Thanks