Задать вопрос
@hulktoster
javascript

Как сделать чтобы при нажатии на вкладку All отобразился контент с всех трех предыдущих вкладок на JS?

Есть три вкладки с контентом, и четвертая новая (All) хочу сделать так чтобы при нажатии на All отобразился контент трех вкладок.
Я конечно мог бы в самом html cоздать div c названием All поместить контент всех вкладок туда, но думаю это плохая идея, потому что вкладок может быть штук 15 например или даже больше и на каждой страничке контент может быть очень большой, получится слишком большая html страница, возможно даже на несколько тысяч строк, если много контента...
Мне кажется наверное это можно как-то реализовать с помощью несколькоми строками на JS. Но как?
Код в песочнице:
https://jsfiddle.net/nathan111777/5dzrqu3b/4/
  • Вопрос задан
  • 94 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript 
function openCity(e, city) {
  document.querySelectorAll('.tablink').forEach(n => {
    n.classList.toggle('active', city === 'All' || n === e.target);
  });

  document.querySelectorAll('.tabcontent').forEach(n => {
    n.style.display = city === 'All' || n.id === city ? 'block' : 'none';
  });
}

https://jsfiddle.net/wxz2koms/
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Привязка к Маркетплейсам 1С Розница 2.3
20 апр. 2024, в 05:26
10000 руб./за проект
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Ещё заказы