Actualmente, en todos los tamaños de pantalla de forma predeterminada, el menú desplegable se expande y, para eso, he usado $('#id_name').toogleClass('open') para expandir y contraer. Pero necesito hacer que el menú desplegable funcione expandido de forma predeterminada en la vista de escritorio pero colapsado de forma predeterminada en la vista móvil.
Por favor, ayúdame con eso, ¿alguien?
Puede usar window.innerHeight, let width = window.innerWidth.
if (width <= 768) { // you code for mobile view }else{ // your code for desktop view }768 == Ancho del iPhone 10
if (width <= 768) { $dropdown.slideUp(); }else{ $dropdown.slidedown(); }funcionará para ti.
Puedes usar consultas de medios en jss
`
//Cree una condición que se dirija a ventanas gráficas de al menos 768 px de ancho
constmediaQuery=window.matchMedia('(min-ancho: 768px)')
function handleTabletChange(e) { // Check if the media query is true if (e.matches) { // Then toggle the class here console.log('Media Query Matched!') } } // Register event listener mediaQuery.addListener(handleTabletChange) // Comprobación inicial
handleTabletChange(mediaQuery) `