当窗口宽度为980px或更小时，我想自动隐藏段落内容。任何建议？

Question

<p>Content1
    <a class="button" onClick="toggleText()">Read More</a>
</p> 
<p class="text2">
    Hiding content2[ maybe by toggle so even the white space is gone]     
<p>

通过单击锚点链接=阅读更多内容，它会切换Content2。

Answer 1

肯定最好的方法是CSS媒体查询，但是如果你想在js端这样做，你可以添加一个事件监听器来调整窗口大小。根据事件道具，您可以像这样检查窗口的大小

    window.addEventListener('resize', (e) => {
      if (e.target.innerWidth < 980) {
       // do stuff  
     }
   });

Answer 2

@media only screen and (min-width : .....) and (max-width : 980px) {
    .text2 {
        display: none;
    }
}