title: How to get jQuery UI tabs element panels and set visibility on some of them?
body: <h1>How to get jQuery UI tabs tab elements panel numbers and set CSS style visibility on some of them?</h1>
  
  <p>I want to get elements' panel numbers for tabs and set visibility on some of the tabs.</p>
  
  <pre><code>&lt;div id="tabs"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="#"&gt;1&lt;/a&gt;
  :
  &lt;li&gt;&lt;a href="#"&gt;10&lt;/&gt;
  &lt;/ul&gt;
  &lt;div id="tab-contents"&gt;
  &lt;div id="tab1"&gt;some content&lt;/div&gt;
  :
  &lt;div id="tab1"&gt;some content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Get elements panel number by <code>eq()</code> or something, then set <code>style</code> <code>visibility = hidden;</code> or <code>visible;</code> for some tab(s).
  I tried the following but it does not work for jQuery 1.10.2 and jQuery UI 1.10.3. </p>
  
  <pre><code>$(function() {
  var panelNumber = $("#tabs").eq();
  document.getElementById("div#tabs ul li").visibility = 'hidden';
  alert(panelNumber);
  )};
  </code></pre>
  
  <p>I want to set specified tabs visible and rest of them hidden for the page navigation. Also, I do not want DOM to create or destroy tabs on tabs for navigation, <strong>using CSS visibility is needed for the minimized process time</strong>, because it gets slower. <br /><br />
  <strong>Please answer the question for the <code>jQuery 1.10.2 and jQuery UI 1.10.3</code> because they deprecated <code>length</code> and many others for <code>jQuery UI 1.9.*</code> update.</strong></p>