Как заставить табы работать?

Question

[I_want_to_know]

Всем привет.
Пытаюсь сделать табы внутри табов.
Для упрощения объяснения дам названия вкладкам:
-табы_ЛОГО
-табы.
Идея следующая:
Есть две или более вкладки в виде лого (табы_ЛОГО), при клике на каждый лого, должны открываться свои табы.
Сами табы реализовал и они работают https://codepen.io/boulingist81/pen/QwLNzLN
Не могу сообразить, как сейчас сделать так, что бы при клике на кнопку "logo_2" появились табы 2.1;2.2;2.3.
При этом текущий контент скрылся.
Ну и при клике на кнопку "logo_1" должны появляться табы 1; 2; 3.

Comments

[Михаил Ливач]

не совсем понятно, чего хотите добиться:

1. чтобы при клике на logo_N открывалось несколько табов одновременно?
   
2. чтобы при клике на logo_N открывался соответствующий блок кнопок? ( а кнопки уже отвечают за показ табов)
   

[I_want_to_know]

Михаил Ливач, 2
Второй вариант

[Александр]

Как внутри таба сделать еще 2 таба?

Answer 1

[Ivan Ustûžanin]

просто размножить всё готовое для внутренних табов на уровень выше:

ну и немного изменить селектор для содержимого, чтобы оно не хватало внутренние табы

Comments

[Александр]

При клике между табами отображаются не те секции, tabActive становится несколько.

[Ivan Ustûžanin]

Александр, так там стили непонятно какие, основная логика работающая, сейчас я и стили немного поправил