media queries and javascript clash

Question

I want an element to be always displayed in desktop view and toggle-able in mobile view.

If user hides the element with javascript in mobile view and then resizes to desktop view it remains hidden (due to the javascript setting).

Is there any way to force it to stay visible in desktop view regardless of any javascript hiding?

Or do I need to define the element twice, once for mobile once for desktop?

Answer 1

使用JavaScript来应用通过CSS隐藏元素的类，而不是直接隐藏元素。