Customise a "steps" js to refresh to current step and direct step URL?
<p>I have some js (show/hide pretty standard I guess):</p>

<pre><code>&lt;script&gt;
    function showTransactions(transactions){
        $('.steps').hide()
        $('#' + transactions).show();
    }
&lt;/script&gt;
</code></pre>

<p>and some html:</p>

<pre><code>&lt;p&gt;&lt;a href="#"onClick="showTransactions('hidden3');return false;"&gt;Edit&lt;/a&gt;&lt;/p&gt;
&lt;div id="hidden3" class="steps" style="display: none;"&gt;
</code></pre>

<p>Now this works great when I click the link, it shows it. Easy. How can I get the js to refresh to the current step? I have steps hidden1, hidden2, hidden3, and hidden4. The default starting position is hidden1 so on refresh it will display hidden1 instead of hidden3 if that's where you were on refresh.</p>

<p>Also, I need to direct users to a specific step on some instances via a url link. I tried page_url#hidden4 but that doesn't work. I need to be able to tell it to display hidden4 in that link instead of the default first step.</p>
