简单来说就是在手机板时候开启选单
https://i.imgur.com/52potAK.png
但此时视窗往外拉 造里说 应该选单会消失 但似乎还留着HTML的文字
https://i.imgur.com/XGTgrSH.png
虽然再点一下 就会消失(因为手机板的选单 点旁边会消失) 但这不是我要的RR~~~
当然是希望手机板的选单 在电脑版的视窗可以直接消失
但是我打display:none 似乎没用 只能把CSS清除 但HTML却莫名留着
codepen的连结:
https://codepen.io/WeiLin/pen/QBeXgY
恳请高手解惑 确定解决的第一位朋友附上888P币回报 祝你发发发

开f12看阿 这里的display:none被盖过了

因为你用jquery的fadeToggle()他会在html里加入inline style=“display:block”他的权域高于css所以会显示block 你可以用更高权域的!important去覆蓋inline style改成#phone_menu{ display: none !important }

最好还是自己写class去处理动画

toggleClass

监听resize事件，视窗宽大于时fadeout()

https://codepen.io/jherkyesse/pen/JaPEeW.active添加media属性 小于npx时才显示 样式的东西还是交给css处理 建议让js只负责逻辑运算和交互动态

因为fadeToggle是加style的display属性在标签内，会盖掉CSS。所以用jQ动画的话就得写在JS里。也可以改用CSS写动画，用CSS管控样式。BTW你CSS断点是设在980px，所以width>1000时才会有闪一下的问题。假如得写在JS的话，CSS和JS两边断点要确保相同(你的case是980px)

css用media screen设定指定最小(大)宽度，就不用写js囉

当按下按钮时触发js的click事件，并用js增添显示选单的class，此时加入media screen来让css判断menu是否该在这视窗的size下显示