javascript - 使用 Twitter Bootstrap 和 Jquery 的 Div 行填充问题

Question

目前我有一个由 Bootstrapped div 构建的表格。我有一个嵌套行，我正在使用 slideToggle() 在用户单击父 div 时隐藏和查看它。

使用 Chrome 时，子 div 的填充似乎很有趣。当我点击子显示的父 div 时，当它完成动画时，它会弹回大约 15 像素。

我觉得它可能是 chrome 的问题，因为它在 jsfiddle 中没有任何问题。

这是我的代码的概要:

 <div class="container">
    <div class="row standardRow hoverdiv">

                    ITEM4

                <div class="row moreInfo hoverdiv">
                    <div class="col-md-12 moreInfo">
                            blahblahblahblahblahblahblahblah
                    </div>
                </div>
    </div>
</div>


.standardRow {
       padding-bottom:10px;
       padding-top:10px;
       border-bottom:1px groove
    }

    .moreInfo {
        padding-top:10px;
    }

您可以在 http://jsfiddle.net/FXBeL/4/ 查看我的代码.它在那里看起来不错，但当我在 chrome 中测试代码时却不是。

Answer 1

将此结构用于 html。我认为它会帮助你...

<div class="container">
    <div class="row standardRow hoverdiv">
      <div class="col-lg-12">ITEM4 
        <div class="row">
          <div class="col-lg-12 col-md-12 moreInfo"> blahblahblahblahblahblahblahblah </div>
        </div>
      </div>
    </div>
  </div>