Ændre 2 div-bokse ved klik

Hey alle :D

Er igang med at lave en lille funktion.

Når man trykker på en div, eller et link (i dette tilfælde en div), så skal der ske noget med to andre div-bokse.

Her skal den ene div-boks vises, og den anden rykkes, når man klikker. Og når man så klikke igen, skal den ene div-boks rykkes tilbage hvor den var, og den anden div-boks skal skjules igen.

Har fået den til at udfører den første funktion, men ved ikke hvordan man laver den anden funktion (hvor man klikker igen)

Min kode:

<script type="text/javascript">
$(function(){
    $("#clickme").click(function() {
        $(".SideArea").css('display','block');
        $(".box").css('left','300px');
 
  });
   
});
</script>

<div id="clickme" style="width: 20px; height: 20px; background: #F00;"></div>

<div class="SideArea" style="width: 200px; height: 200px; background: #0F0; display: none;"></div>

<div class="box" style="width: 100px; height: 100px; background: #00F; left: 0;"></div>


Håber det er forståeligt nok :)

Nogle der kan hjælpe? :)

- Yaxxe