Javascript JQuery Script click link by code (Sliding Form Script)
<p>I am using Fancy Sliding Form .. Demo <a href="http://tympanus.net/Tutorials/FancySlidingForm/" rel="nofollow">Click here</a>:</p>

<p>There are some tabs/buttons for navigation at the bottom.</p>

<p>I need to be able to tigger the different steps (auto clicking) when I click on a link not directly on the tab with my mouse.</p>

<p>I've tried adding an id to each step and then create a link: Next Tab
then the jquery below:</p>

<pre><code>&lt;script&gt;
$("#mytrigger").click(function(e) {
 e.preventDefault();
 $("#step2").trigger("click");
});
&lt;/script&gt;
</code></pre>

<p>but that didn't work.</p>

<p>UPDATE:</p>

<p>I put this together and it's not working ... I'm I not doing this right?</p>

<pre><code>&lt;a class="mytrigger" href="#"&gt;Click Here&lt;/a&gt;
&lt;script&gt;
$('a.mytrigger').click(function(e){
$('#navigation li:nth-child(' + (parseInt(current)+1) + ') a').click();
e.preventDefault();
});
&lt;/script&gt;
</code></pre>

<p>Here is my Nav:</p>

<pre><code>&lt;div id="navigation" style="display:none;"&gt;
&lt;ul&gt;
&lt;li class="selected"&gt;
&lt;a href="#"&gt;Step 1&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#"&gt;Step 2&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#"&gt;Step 3&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#"&gt;Step 4&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#"&gt;Step 5&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#"&gt;Step 6&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>
