.toggle class. is it possible that
<p>I uploaded here my problem: <a href="http://awerty.atwebpages.com/" rel="nofollow">my problem example</a></p>

<p>My question: Is it possible that 'content B def' is visible first after page is loaded (or after refreshing)  without modifying order of</p>

<pre><code>&lt;a&gt; href="..." C &lt;/a&gt;
&lt;a&gt; href="..." B &lt;/a&gt;
&lt;a&gt; href="..." A &lt;/a&gt;
</code></pre>

<p>I want C B A order. Not B C A or B A C
My javascripting knowledge is basic but it's increasing fast.. </p>

<p>Sorry for my english,</p>

<p>Thanks a lot for suggestions!
I'm struggling with this problem for a few days now.</p>

<p>HTML code:</p>

<pre><code>    &lt;html&gt;
   &lt;head&gt;
      &lt;meta content="charset=utf-8" /&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script defer src="js/swap.js"&gt;&lt;/script&gt; 
   &lt;/head&gt;
   &lt;body&gt;
      &lt;div&gt;
         &lt;div id="view-c" class="swap-cont"&gt;
            &lt;h1&gt;content C xyz&lt;/h1&gt;
         &lt;/div&gt;
         &lt;div id="view-a" class="swap-cont"&gt;
            &lt;h1&gt;content A abc&lt;/h1&gt;
         &lt;/div&gt;
         &lt;div id="view-b" class="swap-cont"&gt;
            &lt;h1&gt;content B def&lt;/h1&gt;
         &lt;/div&gt;
         &lt;div class="toggle"&gt;
            &lt;a href="#view-c"&gt;C&lt;/a&gt;
            &lt;a href="#view-b"&gt;B&lt;/a&gt;
            &lt;a href="#view-a"&gt;A&lt;/a&gt;
         &lt;/div&gt;
      &lt;/div&gt;
   &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>swap.js:</p>

<pre><code>    $(function() {
    var toggles = $('.toggle a'),
        codes = $('.swap-cont');

    toggles.on("click", function(event) {
        event.preventDefault();
        var $this = $(this);

        if (!$this.hasClass("active")) {
            toggles.removeClass("active");
            $this.addClass("active");
            codes.hide().filter(this.hash).show();
        }
    });
    toggles.first().click();
});​
</code></pre>
