css - 移动版可折叠DIV

我有一个要在网络版本中按原样显示的块。但是，我希望它在移动版本中处于折叠模式。我应该怎么做？

我正在使用AngularJS，无法解决。

这是我的代码：

<button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
<div uib-collapse="!isCollapsed">
    <p>Some content that needs to be shown in the web version but this needs to be in collapsed mode in the mobile version</p>
</div>

最佳答案

可能最简单的方法是根据当前屏幕宽度在控制器中设置isCollapsed的初始值。类似于以下内容：

isCollapsed = window.innerWidth < 720;