Оптимизация скрипта и вывод

DJ PROMO

Постоялец
Регистрация
9 Июл 2017
Сообщения
125
Реакции
51
Доброго времени суток форумчане.
Никогда ранее не сталкивался с данным решением, а потому ушел в тупик. Да и познания в JS у меня крайне ограничены. Поэтому прошу вашей помощи, наглядной и с примерами.

И так, что делал я:
Взял данный скрипт easyResponsiveTabs и поместил в свой сайт. Но я так понял, что в стандартном исполнении данный скрипт создает всего один экземпляр на сайте, и данный экземпляр содержит 4 вкладки с подгрузкой контента, а мне требовалось создать еще несколько с 2-я вкладками.
И тут начались проблемы.
Так как надо было сделать не просто каждый экземпляр отдельно, а экземпляр в экземпляре:
KAx4Ly4U17x0GA.png

Плюс данные экземпляры с 2-я вкладками есть в каждой из верхних вкладок.

Ну собственно я не долго заморачиваясь сделал так:
Для просмотра ссылки Войди или Зарегистрируйся

Но появились проблемы. Во первых я понимаю, что сильно "растянул" код, но как его оптимизировать не хватает знаний. Я предполагаю что можно, но моих познаний хватило только на копирование и размножение.
Во-вторых, экземпляр с 2-я вкладками работает только когда в экземпляре с 4-я вкладками, выбрана первая, если выбрать 2-ю, 3-ю или 4-ю, то они уже не активны. То есть нажать и выбрать их можно, но по умолчанию нет выбранной активной при переходе.
Прошу вас помочь.
 

Absolute

Крокодил ;)
Регистрация
9 Авг 2009
Сообщения
581
Реакции
453
ТС, на Bootstrap легко делать табы внутри табов.
 

N()fix

Создатель
Регистрация
24 Ноя 2008
Сообщения
19
Реакции
4
Только на Bootstrap 4+
На старых не получится.
 

DJ PROMO

Постоялец
Регистрация
9 Июл 2017
Сообщения
125
Реакции
51
Тему можно закрыть.
Отказался от идеи 2-х вкладок в каждой из 4-х, в силу слабого знания JS.
 
Сверху