what's wrong with my jquery tab code?
<p>the following code that i referenced form the internet, but it doesn't work. why?</p>

<p>jquery code:</p>

<pre><code> $(document).ready(function(){

        $(".tab:not(:first)").hide();
        $(".tab:first").show();

        $(".htabs a").click(function(){

         var stringref = $(this).attr("href").split("#")[1];

          $(".tab:not(#"+ stringref +')').hide();

          //fix 
          if(jQuery.browser.msie &amp;&amp; jQuery.browser.version.substr(0,3)=="6.0"){

            $('.tab #'+stringref).show();
          }else{
            $("tab #"+stringref).fadeIn();
                return false;
          }
        });
</code></pre>

<p>html code:</p>

<pre><code>&lt;ul class="htabs hide"&gt;
        &lt;li&gt;&lt;h2&gt;&lt;a href="#design"&gt;Graphic design&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
        &lt;li&gt;&lt;h2&gt;&lt;a href="#development"&gt;Development&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
        &lt;li&gt;&lt;h2&gt;&lt;a href="#freebies"&gt;Freebies&lt;/a&gt;&lt;/h2&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div class="tabs"&gt;
        &lt;div id="design" class="tab"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;TYpography&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;TYpoface&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;painting&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Optical balance&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;           
        &lt;/div&gt;


        &lt;div id="development" class="tab"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;TYpography&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;TYpoface&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;painting&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Optical balance&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;           
        &lt;/div&gt;


        &lt;div id="freebies" class="tab"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;TYpography&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;TYpoface&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;painting&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Optical balance&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;           
        &lt;/div&gt;



    &lt;/div&gt;


$(this).attr("href").split("#")[1];  what't the meaning of this line? why it's one( [1])?
</code></pre>
