How to get jQuery UI tabs element panels and set visibility on some of them?

How to get jQuery UI tabs element panels and set visibility on some of them?

How to get jQuery UI tabs tab elements panel numbers and set CSS style
visibility on some of them?
I want to get elements' panel numbers for tabs and set visibility on some
of the tabs.
<div id="tabs">
<ul>
<li><a href="#">1</a>
:
<li><a href="#">10</>
</ul>
<div id="tab-contents">
<div id="tab1">some content</div>
:
<div id="tab1">some content</div>
</div>
Get elements panel number by eq() or something, then set style visibility
= hidden; or visible; for some tab(s). I tried the following but it does
not work for jQuery 1.10.2 and jQuery UI 1.10.3.
$(function() {
var panelNumber = $("#tabs").eq();
document.getElementById("div#tabs ul li").visibility = 'hidden';
alert(panelNumber);
)};
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 tab on tabs for
navigtion using css visibility is needed for the minimized process time
because it gets slower.

Please answer the question for the jQuery 1.10.2 and jQuery UI 1.10.3
because they deprecated length and many others for jQuery UI 1.9.* update.