CODEWITHSUNDEEP
jquery
kumar
kumar

Reputation: 2944

how to disable the tabs using jquery

I have three subtabs under main tab, when I click main tab defauly I am displyaing tab1 data using jquery grid, now initially I need disable the tab2 and tab3. how?

Upvotes: 11

Views: 44326

Answers (2)

tvanfosson
tvanfosson

Reputation: 532465

From the jQuery UI tabs documentation. Note that it's zero-based so this disables the 2nd and 3rd tabs.

$( ".selector" ).tabs( { disabled: [1, 2] } );

Upvotes: 21

Justin Ethier
Justin Ethier

Reputation: 134167

Assuming you are using the jQuery UI tabs:

You can use "disable" to disable a given tab after initialization:

jQuery("#myTab").tabs( "disable" , index )

Alternatively, if you need to disable tabs when the tabs are first displayed, you can pass the disabled option and an array of tabs to disable:

$( ".selector" ).tabs( { disabled: [1, 2] } );

Upvotes: 10

Related Questions