hash change and save element position
<p>I'm looking for a simple way of having the hash change and to be able to save an element position. By looking at all the examples around are in regards of tabs systems, but I only really need: "on a click of this link, save this element at this position". Following a quick and simple logic:</p>

<p>start addres bar </p>

<pre><code>  htp://mysite.com
</code></pre>

<p>basic html</p>

<pre><code>&lt;div class="leftNav"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="myPositionedLeftNav"&gt;&lt;/a&gt;&lt;/ali&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>css</p>

<pre><code>.leftNav {
    position: fixed;
    to: 0;
    left: 20;
 }
</code></pre>

<p>jQuery</p>

<pre><code> $(".leftNav a").click(function(){
      $(".leftNav").css("top", "50");
 });
</code></pre>

<p>New address bar should be</p>

<pre><code> http://mysite.com/myPositionedLeftNav
</code></pre>

<p>Now linking to this new address bar will show the leftNav positioned as we said on jQuery click event.</p>

<p>Thanks!</p>
