Slide div back with back button
<p>I'm using sliding divs with this code:</p>

<p>html:</p>

<pre><code>   &lt;div id="container"&gt;

&lt;div id="box1" class="box"&gt;Div #1&lt;/div&gt;
&lt;div id="box2" class="box"&gt;Div #2&lt;/div&gt;
&lt;div id="box3" class="box"&gt;Div #3&lt;/div&gt;
&lt;div id="box4" class="box"&gt;Div #4&lt;/div&gt;


    &lt;/div&gt;
</code></pre>

<p>css:</p>

<pre><code>    body {
      padding: 0px;    
    }

    #container {
     position: absolute;
     margin: 0px;
     padding: 0px;
     width: 100%;
     height: 100%;
     overflow: hidden;  
    }

  .box {
    position: absolute;
    width: 50%;
    height: 300px;
    line-height: 300px;
    font-size: 50px;
    text-align: center;
    border: 2px solid black;
    left: 150%;
    top: 100px;
    margin-left: -25%;
  }

  #box1 {
   left: 50%;
</code></pre>

<p>js:</p>

<pre><code> $('.box').click(function() {

$(this).animate({
    left: '-50%'
}, 500, function() {
    $(this).css('left', '150%');
    $(this).appendTo('#container');
});

$(this).next().animate({
    left: '50%'
}, 500);
});​
</code></pre>

<p>There is the jsfiddle here: <a href="http://jsfiddle.net/jtbowden/ykbgT/2/" rel="nofollow">http://jsfiddle.net/jtbowden/ykbgT/2/</a></p>

<p>I would like to be able to use the previous button of my browser to go back to the previous div.</p>

<p>Is there a way to accomplish that?</p>

<p>EDIT:</p>

<p>I tried by just adding anchors, but it doesn't seem to work.</p>
