title: Bootstrap Collapse <div> doesn't close back smoothly
body: <p>I have used certain images in Collapsible div. Initially when I click the Display button, images are displayed with a smooth scrolling effect. But later on when I click the Display button again, the div with images collapses back but not with the previous smooth <code>slideOut</code> effect.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo"&gt;Display&lt;/button&gt;
          &lt;div id="demo" class="collapse"&gt;
              &lt;div class="col-md-2 col-sm-6 col-xs-12"&gt;
                  &lt;img src="http://1.bp.blogspot.com/_L_49bG_P4Yg/S2tE0k0lm7I/AAAAAAAAAN4/o7H_C5SRFug/s400/steve-jobs-3g-iphone.jpg" class="img-responsive" alt="img1"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 col-sm-6 col-xs-12"&gt;
                  &lt;img src="http://1.bp.blogspot.com/_L_49bG_P4Yg/S2tE0k0lm7I/AAAAAAAAAN4/o7H_C5SRFug/s400/steve-jobs-3g-iphone.jpg" class="img-responsive" alt="img1"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 col-sm-6 col-xs-12"&gt;
                  &lt;img src="http://1.bp.blogspot.com/_L_49bG_P4Yg/S2tE0k0lm7I/AAAAAAAAAN4/o7H_C5SRFug/s400/steve-jobs-3g-iphone.jpg" class="img-responsive" alt="img1"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 col-sm-6 col-xs-12"&gt;
                  &lt;img src="http://1.bp.blogspot.com/_L_49bG_P4Yg/S2tE0k0lm7I/AAAAAAAAAN4/o7H_C5SRFug/s400/steve-jobs-3g-iphone.jpg" class="img-responsive" alt="img1"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 col-sm-6 col-xs-12"&gt;
                  &lt;img src="http://1.bp.blogspot.com/_L_49bG_P4Yg/S2tE0k0lm7I/AAAAAAAAAN4/o7H_C5SRFug/s400/steve-jobs-3g-iphone.jpg" class="img-responsive" alt="img1"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 col-sm-6 col-xs-12"&gt;
                  &lt;img src="http://1.bp.blogspot.com/_L_49bG_P4Yg/S2tE0k0lm7I/AAAAAAAAAN4/o7H_C5SRFug/s400/steve-jobs-3g-iphone.jpg" class="img-responsive" alt="img1"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>