Складной DIV в мобильном

Question

У меня есть блок, который должен отображаться как есть в веб-версии. Тем не менее, я хочу, чтобы он был свернут в мобильной версии. Как мне это сделать?

Я использую 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> 

Answer 1

Вероятно, самый простой способ пойти по этому поводу было бы установить начальное значение isCollapsed в контроллере на основе текущей ширины экрана. Что-то в строках:

isCollapsed = window.innerWidth < 720;