Animate div's - toggle

Animate div's - toggle

Hi,

     Please see http://bit.ly/cQp94a  above local map, on the left hand sidebar, i have a button, click it and the pano div extends to 100% and the sidebar moves -300px to the left, click it again and they move back, but click it again and the sidebar continues to more 300px to the right and the pano div does not go back to 100%.

I am newish to jquery and would be really grateful if someone could help me with the following code, to create a toggle that moves the divs then puts it back.

<script>
 $("#right").click(function(){  $("#sidebar").animate({"left": "-=300px"}, "slow");
      $("#videoembed").animate( { width:"100%" }, 1500, "", function() {
                $("#right").unbind("click").click(function(){
                        $("#videoembed").css({width:""});
                        $("#sidebar").animate({"left": "+=300px"}, "slow");
                });
          });
    });
</script>

Many many thanks, I will keep trying but because I got it live am keen to fix it as soon as poss, any advice or helop greatly appreciated,

cheerz,

tom