छुपाएं या निकालें jquery ui स्थिति पर आधारित टैब-jquery, jquery-ui, टैब्स

एचटीएमएल:

<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab1</a></li>
<li><a href="#tabs-2">Tab2</a></li>
<li><a href="#tabs-3">Tab3</a></li>
</ul>
<div id="tabs-1">
Tab1 Contain
</div>
<div id="tabs-2">
Tab2 Contain
</div>
<div id="tabs-3">
tab3 contain
</div>
</div>

मैं js पर क्या प्रयास करता हूं:

var id="A";
$( "#tabs" ).tabs();
if(id==="A")
{
$( "#tabs-2" ).tabs( "option", "hide", { effect: "explode", duration: 1000 } );
//$("#ui-id-2").hide();

}

नमूना बेला.

अगर हालत मिले तो मैं विशेष टैब को छिपाना या निकालना चाहता हूं।

उत्तर:

प्रयत्न

var id = "A";
$("#tabs").tabs();
if (id === "A") {
$("#tabs > ul li:has(a[href="#tabs-1"])").hide()
$("#tabs").tabs("refresh");
$("#tabs").tabs("option", "active", 1);
}

डेमो: बेला