cuando alterna la visualización en el navegador (F12) desde el móvil o responde al escritorio, el div (content_filter) desaparece. Actualice la página para corregir el error.

vista de escritorio

por lo que entiendo, necesito agregar una ventana: cambiar el tamaño del evento para evitar actualizar cada vez. mi nivel en javascript es completamente principiante. ¿Puedes mostrarme la técnica correcta con mi código?

 <script> document.addEventListener('DOMContentLoaded', function () { jQuery(function ($) { $('.filter_btn').click(function (event) { if (window.innerWidth <= 768) { $('.content_filter').slideToggle('250', 'swing', 'hide'); } }); }); }); </script> <style > @media all and(max - width: 768 px) { .content_filter { display: none; } } </style>