Animate Without Delay (Pause)
Hi,
please try this code :
<!DOCTYPE html>
<html>
<head>
<title>Try jQuery Online</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#box1").animate({marginTop:"100px",marginLeft:"100px"});
$("#box2").animate({marginTop:"100px"});
$("#box2").animate({marginLeft:"100px"});
});
</script>
</head>
<body>
<div id = "box1" style = "width: 50px; height: 50px;border:1px solid red">
</div>
<div id = "box2" style = "width: 50px; height: 50px;border:1px solid blue">
</div>
</body>
</html>
I wanna use animate as second box (blue border) without any pause and when I use animates same time they animate like first box(red border)
What shall I do?