html
  div默认是隐藏的,如果想默认显示,去掉style里面的"display:none;"即可

<!-- 效果一 --><div id="msg" ></div><!-- 效果二 --><div id="msg" ></div>

js

// 延时0.2秒开始滑动显示(1000表示元素从隐藏到可见的速度,可为空)setTimeout(function () { // slideDown() 方法通过使用滑动效果,显示隐藏的被选元素 $('#msg').slideDown(1000); // slideUp() 方法通过使用滑动效果,隐藏显示的被选元素 $("msg").slideUp();}, 200);

参考地址:jQuery 效果函数