title: jQuery UI Tabs - how can I disable top menu?
body: <p>I'm trying to <strong>disable top menu on jQuery UI Tabs</strong> - so the tabs would be operated with next/prev buttons only.</p>
  
  <p>Disable <strong>option form the doc does not seams to work</strong> as expected.</p>
  
  <p>Please see my example here: <strong><a href="http://jsfiddle.net/MrTest/y6QeV/" rel="nofollow">Live Demo</a></strong></p>
  
  <p>jQuery code:</p>
  
  <pre><code>    $(document).ready( function() {
  
    $(function() {
  
              var $tabs = $('#tabs').tabs();
  
              $(".ui-tabs-panel").each(function(i){
  
                var totalSize = $(".ui-tabs-panel").size() - 1;
  
                if (i != totalSize) {
                    next = i + 2;
                       $(this).append("&lt;a href='#' class='next-tab mover' rel='" + next + "'&gt;Next Page &amp;#187;&lt;/a&gt;");
                }
  
                if (i != 0) {
                    prev = i;
                       $(this).append("&lt;a href='#' class='prev-tab mover' rel='" + prev + "'&gt;&amp;#171; Prev Page&lt;/a&gt;");
                }
  
              });
  
              $('.next-tab, .prev-tab').click(function() { 
                     $tabs.tabs('select', $(this).attr("rel"));
                     return false;
                 });
  
  
          });
  
  });
  </code></pre>
  
  <p><strong>Any ideas how can I disable top menu, but keep the structure, style etc.. ?</strong></p>