Hola, estoy trabajando en un "botón" cuando se hace clic en él, muestra/oculta cosas dentro de un div, y esto son otros divs que organicé en cuadrículas para que se muestre mejor y también está hecho para ser visto en dispositivos móviles, así que aquí está donde comienza el problema.

 var vid = document.getElementById("vids3"); if (vid.style.display == "none") { vid.style.display = "grid"; pageScroll(); return } return vid.style.display = "none"; }

esta función inyecta el estilo de cuadrícula en el html pero también me impide cambiar el estilo usando css, esta sección del código a continuación funciona, pero solo si lo configuro para que sea !importante, pero rompe el código ya que esta sección es se supone que está oculto hasta que el usuario intente acceder a él.

 #vids3{ overflow-x: scroll; display:flex; }

Básicamente, necesito otras formas de cambiar el valor de mi estilo de visualización para que no tenga la máxima prioridad.

html div: <div class = 'videogrids' id = 'vids3' style = "display:none">