引导板崩溃导致淡入

Question

我在网站上使用了一系列面板的collapse属性。我不是只添加文字，而是添加一个图像以及一个标题和有关观看者点击面板时会看到什么的信息。我正在努力使这个响应，我注意到当我开始缩小网络浏览器时，观众将看到的信息被扔在图像下面。我的代码如下所示：

<div class="panel-group" id=:"accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <div class="panel-title">
        <a href="#content" data-toggle="collapse" data-parent="#accordion">
          <img src="img/foo.jpg" class=col-md-2 img-responsive" alt="yeah">
          <div class="col-md-10">
            <h4>hello</h4>
            <p>World</p>
          </div>
        </a>
      </div>
    </div>
  </div>
  <div class="panel-collapse collapse">
    <div class="panel-body">
      <!--content -->
    </div>
  </div>
    <!-- and so on and so on -->
</div>

这样做可以让面板响应浏览器的缩小，但当我点击折叠并显示面板主体时，它会导致jQuery fadeIn效果反对自动显示内容。它不是看起来很糟糕，但fadeIn很慢，我不喜欢它是如何工作的。

感谢任何帮助。感谢。