Skip Navigation

[Resolved] Select tab programmatically in tabs cell

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to programmatically select a specific tab in a Layouts tab cell.

Solution: We use Bootstrap Tabs component, so you can trigger any tab using jQuery.tab:

jQuery('#my-tabs a:eq(1)').tab('show');

In this example, I added the ID "my-tabs" to the tab cell in Layouts, and this code shows the 2nd tab (zero-based index).

Relevant Documentation: https://getbootstrap.com/docs/3.3/javascript/#tabs

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by cristianP-3 6 years, 10 months ago.

Assisted by: Christian Cox.

Author
Posts
#615928

Tell us what you are trying to do?
find a way (javascript, jQuery) to open a tab programmatically

Is there any documentation that you are following?
I can't find it

Is there a similar example that we can see?
nope

What is the link to your site?
hidden link

#616118

We use Bootstrap Tabs component, so you can trigger any tab using jQuery.tab:

jQuery('#my-tabs a:eq(1)').tab('show');

In this example, I added the ID "my-tabs" to the tab cell in Layouts, and this code shows the 2nd tab (zero-based index).

hidden link

#620590

It's working!