fadeIn面板使用Bootstrap

Question

我想淡出我在Bootstrap 3中制作的面板表格。我尝试了不同的方法，但我无法理解。

这是JSFiddle。

这是我的淡入功能：

$( document ).ready(function() {
    $( ".anim" ).fadeIn( "slow" );
});

Answer 1

你需要在css中隐藏.anim才能淡入。

.anim {
  display: none;
}

Answer 2

也可以这样做

将.anim {display：none}添加到css然后在

中显示

$( document ).ready(function() {
  $( ".anim" ).fadeIn( "slow" );
});

http://jsfiddle.net/1egdn3wx/1/

Answer 3

您必须考虑fadeIn方法使.anim元素的不透明度从当前值变为1。 因此.anim的当前不透明度为1，fadeIn()考虑衰落。

您应该在hide()之前执行fadeIn方法。所以你的脚本将如下所示。

$( document ).ready(function() {
  $( ".anim" ).hide().fadeIn( "slow" );
});

编辑：我已经用这个working demo

分叉了你的小提琴