This is a migrated thread and some comments may be shown as answers.

[Solved] Hide and Show tabs with jQuery

4 Answers 198 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
nachid
Top achievements
Rank 1
nachid asked on 09 Jun 2010, 05:02 PM
Hi
I am trying to hide and show a tab througjh jQuery code and I could not make it work
Any help is more than appreciated
Here is what I did

$("#tabStrip")..children("div:first").hide();
$("#tabStrip")..children("div:first").show();


(tabstrip is the name of my Tabstrip )

This code, unfortunately,  hides/shows only the content of the tab but leaves the header

Regards
Nachid

4 Answers, 1 is accepted

Sort by
0
Accepted
Atanas Korchev
Telerik team
answered on 10 Jun 2010, 07:42 AM
Hello nachid,

Use this to hide a tab

$('#tabStrip .t-item:eq(0)').hide();

Change the argument of eq to change the tab index.

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
nachid
Top achievements
Rank 1
answered on 10 Jun 2010, 08:40 AM
Thank you Atanas
That worked perfectly.
Efficient and very quick as usual...

regards
Nachid
0
Aurel
Top achievements
Rank 1
answered on 12 Mar 2012, 01:20 PM
How can i hide only the content of the tab?
0
NEIL
Top achievements
Rank 1
answered on 24 Jan 2013, 01:35 PM
hi Nachid,
would be great if you could share an example of how you did this hide and show. Thanks in advance.
Tags
TabStrip
Asked by
nachid
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
nachid
Top achievements
Rank 1
Aurel
Top achievements
Rank 1
NEIL
Top achievements
Rank 1
Share this question
or