Hi all I'm trying to have some jQuery movement on my HTML page.
I have a div that I want to move from right to left, and another one from left to right.
This is what I did:

#rectone {
	background: #0000FF;
	height: 10px;
	width: 100px;
	position: absolute;
        top: 0;
        right: 0;

#recttwo {
	background: #00FF00;
	height: 10px;
	width: 100px;
	position: absolute;
        top: 0;
        left: 0;

<script type="text/javascript"> 
		var left = $('#rectone').offset().left;
		$("#rectone").css({left:left}).animate({"left":"0px"}, "slow");

<p><a href="#" class="run">Run</a></p> 
    <div id="rectone"></div>

This is the right to left movement, but I can't figure out how to move the other box from left to right.

Some hints?

Should this not work?

var right = $('#rectone').offset().right;
$("#rectone").css({right:right}).animate({"right":"0px"}, "slow");