title: Why bootstrap collapse is automatically collapsing(shrinking) the element?
body: <p>Hi I am using the AngularJs with HTML to have dynamic content.</p>
  
  <p>I am also making use of bootstrap for collapse feature.</p>
  
  <p>I have created question answer page which is similar to Stackoverflow.</p>
  
  <p>When page loads, it shows up the all questions and when I click on any particular question then it expands that question and with answers but answers are again collpased and there is one anchor tag to expand all answers.</p>
  
  <p>My problem is that when I am clicking on  answer's anchor tag the answers are showing up for few seconds and again it is collapsing automatically.</p>
  
  <p>Below is my code:</p>
  
  <pre><code>&lt;div style="" class="row ans-txt left-margin-img"&gt;
      {{ answer.a_list.as.length }} ANSWERS
      &lt;a data-target=".demo" data-parent="" data-toggle="collapse"&gt;
          &lt;img src="assets/svg/downarrow_active.svg" class="img-responsive" style="height: 24px; width: 24px; display: inline; float: right; right: 18px; position: absolute;"&gt;&lt;/img&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="row " style="padding-top:14px;height:auto;" ng-repeat-start="(key, value) in answer.a_list.as"&gt;
      &lt;div class="col-xs-2 col-sm-1 col-md-1 content-padding2 collapse demo"&gt;
          &lt;div&gt;
              &lt;button type="submit" class="searchStyle bgStyle btn-Style vote-btn-border" ng-click="vote(value.raw, 1)"&gt;
       &lt;i class="glyphicon glyphicon-chevron-up"&gt;&lt;/i&gt;
      &lt;img src="assets/svg/uparrow.svg" class="img-responsive" style="height:24px;width:24px;"&gt;&lt;/img&gt;
       &lt;/button&gt;
          &lt;/div&gt;
          &lt;div&gt;&lt;button type="text" class="searchStyle bgStyle  btn-txt" disabled&gt;{{ value.raw.netvotes }}&lt;/button&gt;&lt;/div&gt;
          &lt;div&gt;
              &lt;button type="submit" class="searchStyle bgStyle btn-Style vote-btn-border" ng-click="vote(value.raw, 0)"&gt;
      &lt;i class="glyphicon glyphicon-chevron-down"&gt;&lt;/i&gt;
      &lt;img src="assets/svg/downarrow_active.svg" class="img-responsive" style="height:24px;width:24px;"&gt;&lt;/img&gt;
      &lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-xs-11 col-sm-10 col-md-11 padding-rightPane collapse demo"&gt;
          &lt;p class="ex2"&gt;{{ value.raw.content }}&lt;/p&gt;
          &lt;p class="bottom-margin14"&gt;
              &lt;div class="askedBy-txt"&gt;
                  Answered by {{ value.raw.handle ? value.raw.handle : value.raw.email }} on {{ value.raw.created * 1000 | date:'MMMM dd, yyyy'}}
              &lt;/div&gt;
              &lt;img src="assets/svg/tick_icon.svg" style="height:20px;width:20px;" class="img-responsive pull-right" title="Best answer"
                  ng-if="value.select_text === 'Best answer'"&gt;&lt;/img&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>