[jQuery] How to implement that animate different elements at the same time through click event
I want to show an animation when click an element #walker.
$(document).ready(function(){
$("#walker").click(function(){
$(this).animate({opacity: "0.1", right: "+=850"}, 3500)
.animate({opacity: "0.4", bottom: "+=270", height: "130", width:
"100"}, "slow")
.animate({opacity: "1", right: "100", height: "195", width: "150"},
"slow")
.animate({bottom: "75"}, "normal");
$("#bottom2").animate({opacity: "0.1", right: "+=1200"},
2200).fadeout();
$("#bottom1").animate({opacity: "0.1", right: "+=1200"},
2200).fadeout();
$("#all").show(2000);
});
});
I don't know why there are only #walker(this) and #bottom2 had shown
it's animation.
Please help me ,thanks!!