Есть три вкладки с контентом, и четвертая новая (All) хочу сделать так чтобы при нажатии на All отобразился контент трех вкладок.
Я конечно мог бы в самом html cоздать div c названием All поместить контент всех вкладок туда, но думаю это плохая идея, потому что вкладок может быть штук 15 например или даже больше и на каждой страничке контент может быть очень большой, получится слишком большая html страница, возможно даже на несколько тысяч строк, если много контента...
Мне кажется наверное это можно как-то реализовать с помощью несколькоми строками на JS. Но как?
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
document.getElementById("defaultOpen").click();
Весь код в песочнице:
https://jsfiddle.net/nathan111777/5dzrqu3b/4/