Criei um botão collapse "pesquisa avançada" para mobile (768px), gostaria que ele iniciasse fechado apenas na resolução 768px para ganhar espaço na tela.
Inicia atualmente assim:
<button type="button" data-toggle="collapse" data-target="#collapseExample" aria="" expanded="true" aria-controls="collapseExample" aria-expanded="true" class="btn btn-default btn-mob-block btn-sm btn-icon mb10 hidden-lg">
<i class="fa fa-filter" aria-hidden="true"> </i> Pesquisa Avançada
</button>
<div id="collapseExample" style="" aria-expanded="true" class="collapse in">
<div> Conteúdo da div a ser exibido... </div>
</div>
Quando clico, ele fecha e assume essa propriedade, e é assim que eu gostaria que iniciasse na resolução 768px:
<button type="button" data-toggle="collapse" data-target="#collapseExample" aria="" expanded="true" aria-controls="collapseExample" aria-expanded="false" class="btn btn-default btn-mob-block btn-sm btn-icon mb10 hidden-lg collapsed">
<i class="fa fa-filter" aria-hidden="true"> </i> Pesquisa Avançada
</button>
<div id="collapseExample" aria-expanded="false" class="collapse">
<div> Conteúdo a ser exibido... </div>
</div>