@mukzer

Как можно избежать дублирование кода?

Пытаюсь сделать "табы в табах", получилось вот такое
как можно улучшить код, что бы небыло повторение JavaScipt кода?
Делаю вот такие табы 60f430de39973201436999.jpeg
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 2
gscraft
@gscraft
Программист, философ
Масса способов. Самое простое, добавьте активным элементам общий класс и работайте с ним, а не с tabs или subTabs, tabs-triggers__item или subtabs-triggers__item раздельно. Плюс, Вам достаточно внести разницу, если она вообще нужна, только в корневой элемент, а не делать различными все классы по иерархии: subtabs-content__item и tabs-triggers__item — лишнее усложнение, достаточно tabs_trigger__item в обоих случаях. Чтобы задать разные стили, достаточно разделять по родителю, а точнее, задать особенности для дочерних вкладок. Плюс, Вам необязательно делать вкладки вложенными друг в друга, можно расположить их друг под другом. Что касается JS, не вызывайте функцию раньше, чем она объявлена, и лучше обернуть от глобальной области видимости:
function initTabs() {
  // здесь весь нужный код
}
document.addEventListener('DOMContentLoaded', initTabs);
Ответ написан
@TheOnlyFastCoder2
Что то вроде этого : https://codepen.io/theonlyfastcoder2/pen/JjNJXyv ?
Вам всего-лишь нужно изменить дизайн этой менюшки , и изменить или добавить теги li в menu-lowerNav_ul
в принципе на этом все.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы