jQuery从头开始动画fadeOut

Question

我需要fadeOut元素（信息框）。但是当我处于动画中间并再次点击fadeOut时，我想从开始开始fadeOut。

Checkbox.change：启动fadeout -----＆gt;用户再次单击checkbox.change（返回开始动画）

我的代码：

if($('#inform-box').is(':animated')) {
  //alert('YES, IT IS ANIMATED');
  $('#inform-box').hide();
  //$(this).stop().animate({opacity:'100'});
}else{
 //alert('NOT ANIMATED');
}
$('#inform-box').show().fadeOut( 4000 );
$('#inform-box').html('fadeOut text');

Answer 1

致电stop()停止当前动画，然后将元素opacity重置为1：

$('#inform-box').stop().css({opacity: 1}).fadeOut(4000);

JSFiddle demo