アニメーション中かどうか判断したい

こういう場面が出てくるかどうかわかりませんが、たまに出てくると思います。
たとえば。。。。うーむ。

それには is() を使います。
is(:animated) とすればアニメーション中かどうか
is(:visible) とすれば表示されているかどうか
というように、状態を確認することができます。

いか、サンプルになります。

<title>is animated</title>



$(function(){
        $('#start').click(function(){
                $('#target').hide(2000);
                $('#target').show(2000);
        });
        $('#check').click(function(){
                if($('#target').is(":animated")){
                        $('#result').text("アニメーション中です");
                } else {
                        $('#result').text("アニメーション中ではないです");
                }
        });
});




<p><button id="check">check</button></p>
<div id="result">
チェック結果
</div>

<p><button id="start">start</button></p>
<div id="target">
消えたり現れたり
</div>

<title>is animated</title>

$(function(){

$('#start').click(function(){

$('#target').hide(2000);

$('#target').show(2000);

});

$('#check').click(function(){

if($('#target').is(":animated")){

$('#result').text("アニメーション中です");

} else {

$('#result').text("アニメーション中ではないです");

}

});

<p><button id="check">check</button></p>

チェック結果

</div>

<p><button id="start">start</button></p>

消えたり現れたり