title: Delete/disable bootstrap collapse on desktop view
body: <p>I have a page with two sections: Calendar and Information. I want to show it in different ways depending on the device: normal if I am using my pc and with an accordion if im using my tablet/mobile.</p>
  
  <p>Is this possible?</p>
  
  <p>This is the current code. It already has the accordions set.</p>
  
  <pre><code>&lt;div class="container"&gt;        
      &lt;div class="panel-group" id="accordion"&gt;    
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                  &lt;h4 class="panel-title"&gt;
                      &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapse1"&gt;Calendar&lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapse1" class="panel-collapse collapse in"&gt;        
                  &lt;div class="container col-md-4"&gt;                            
                      &lt;div class="row"&gt;
                          &lt;div class="col-md-12 col-sm-6"&gt;
                              &lt;div id="calendar"&gt;&lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;                                                               
                  &lt;/div&gt;                  
              &lt;/div&gt;              
          &lt;/div&gt;    
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-heading"&gt;
                  &lt;h4 class="panel-title"&gt;
                      &lt;a data-toggle="collapse" data-parent="#accordion" href="#collapse2"&gt;Information&lt;/a&gt;
                  &lt;/h4&gt;
              &lt;/div&gt;
              &lt;div id="collapse2" class="panel-collapse collapse"&gt;
                  &lt;div class="container col-md-8"&gt;
                      &lt;div id="alert_placeholder"&gt;&lt;/div&gt;
                      &lt;div class="panel panel-default"&gt;
                          &lt;div id="panel" tabindex="1"&gt;&lt;/div&gt;
                          &lt;div class="panel-heading"&gt;                               
                          &lt;/div&gt;
                          &lt;div class="panel-body" id="info-panel"&gt;                          
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;               
              &lt;/div&gt;
          &lt;/div&gt;        
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>