Показ блоков при разной ширине JS.
Сейчас у меня при ширине 768px показаны 6 блоков, остальные срыты, есть кнопка которая показывает все блоки. Нужно, чтобы при ширине 1120px показывало 8 блоков. Как можно изменить код js для этого?
function openbox(logo) {
display = document.getElementById(logo).style.display;
if(display=='none'){
document.getElementById("button").innerText = "Скрыть";
document.getElementById(logo).style.display='flex';
}else{
document.getElementById("button").innerText = "Показать все";
document.getElementById(logo).style.display='none';
}
};
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<div id="logo">
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
</div>
Ну и в стилях #logo {display: none}
13 ноября 2020 в 18:24