title: How to enable the tab while selecting the checkbox
body: <p>I have got a task to do Jquery tab. On this when I select a check box the corresponding tab must show on the page and others must be disabled.Multiple checkbox is also allowed.Then corresponding pages must be enabled.</p>
  
  <p>My code is</p>
  
  <pre><code>&lt;html !doctype&gt;
  &lt;head&gt;
  &lt;title&gt;JqueryMenu&lt;/title&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
  $(function() {
    $("#tabs").tabs();
    $("#tabs").tabs("option", {
      "selected": 2,
      "disabled": [1,2,3]
    });
  $( "input[type=checkbox]" ).click(function(){
       $('#tabs').tabs("enable", $(this).val());
       $('#tabs').tabs("select", $(this).val() );
  });
  });
   &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;div id="tabs"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-1"&gt;Nithin&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-2"&gt;Vipin&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-3"&gt;Sachin&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-4"&gt;Ganguly&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="tabs-1"&gt;
      &lt;p&gt;Nithin&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id="tabs-2"&gt;
      &lt;p&gt;Vipin&lt;/p&gt;
    &lt;/div&gt;
     &lt;div id="tabs-3"&gt;
      &lt;p&gt;Sachin&lt;/p&gt;
    &lt;/div&gt;
     &lt;div id="tabs-4"&gt;
      &lt;p&gt;Ganguly&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;input type="checkbox" name="tabs-1" value="1"&gt;tabs-1 
  &lt;input type="checkbox" name="tabs-2" value="2"&gt;tabs-2 
  &lt;input type="checkbox" name="tabs-3" value="3"&gt;tabs-3 
  &lt;input type="checkbox" name="tabs-4" value="4"&gt;tabs-4 
  &lt;br&gt;
   &lt;/body&gt;
   &lt;/html&gt; 
  </code></pre>
  
  <p>How can I do this? You can see the demo <a href="http://jsfiddle.net/2aQ2g/4/" rel="nofollow">http://jsfiddle.net/2aQ2g/4/</a></p>