JQuery: Disabling top menu for sliding tabs
<p>I getting closer to my goal. But I am having difficulties in disabling the top menu for sliding tabs. My goal is that the user will only navigate the tabs through Previous/Next controls.  Some how my code is still not disabling the top menu. Any suggestion why? <a href="http://jsfiddle.net/PS336/102/" rel="nofollow">JSFIDDLE</a> </p>

<p>Thanks </p>

<p>*<strong><em>JQUERY</em></strong></p>

<pre><code>&lt;script&gt;
    $(document).ready(function() {

                $('.prev-tab').click(function() {
                    $('.st_tab_active').attr({'disabled': true});
               var tab=  $('.st_tab_active').parent().prev().children('a');
               tab.removeAttr('disabled');
               tab.trigger('click');
                return false;
                });

               $('.next-tab').click(function() {
                   $('.st_tab_active').attr({'disabled': true});
               var tab=  $('.st_tab_active').parent().next().children('a');
                tab.removeAttr('disabled');
                tab.trigger('click');
                return false;
            });

         });
  &lt;/script&gt;  
</code></pre>
