Grúas Bogotá 24/7

.box-shadow-service{ box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); } .service-all{ position:relative; } .active-service.service-all{ z-index:10; } .box-service-list{ display:none; } .active-service .box-service-list{ display:block; width: 100%; } .service-button:hover{ cursor:pointer; } .active-service .service-button{ transform: rotate(90deg); background-color: var(–button-azul-fb-hover); color: #ffffff; border-color: var(–button-azul-fb-hover); }@media (min-width: 1024px) { #cobertura{ position:relative } #ocobertura:before{ content:»; background:#f6f6f6; width:60vw; height:100%; right:0; top:0; position:absolute; border-radius:16px 0 0px 16px; z-index:-1; } }const serviceButton1 = document.querySelector(‘.service-button1’); const serviceButton2 = document.querySelector(‘.service-button2’); const serviceButton3 = document.querySelector(‘.service-button3’);serviceButton1.addEventListener(‘click’, () => { serviceButton1.closest(‘.service-all’).classList.toggle(«active-service»); }); serviceButton2.addEventListener(‘click’, () => { serviceButton2.closest(‘.service-all’).classList.toggle(«active-service»); }); serviceButton3.addEventListener(‘click’, () => { serviceButton3.closest(‘.service-all’).classList.toggle(«active-service»); });