Jquery: this.not (':animiert') && that.is (':sichtbar') hält sich nicht an die Regeln, Syntaxproblem? nur wenige Zeilen Code

Question

Wenn ich auf #button klicke, führt es immer noch das 'etwas machen' aus, obwohl .wrapper animiert wird und .wrapper span nicht sichtbar ist. Also hält es sich nicht an die Regeln. Was ist falsch?

$('#button').click(function(){
  if(
    $('.wrapper').not(':animated') && $('.wrapper span').is(':visible')
  ) {
    //etwas machen
  }
})

Answer 1

Dies ist etwas sauberer ohne die if-Anweisungen. Arbeitsdemo

$('#button').click(function(){ 
    $('.wrapper').filter(':animated').text("animiere...");
    $('.wrapper').filter(':not(:animated)').text("nicht animierend...");
})

Answer 2

Hier hast du eine [funktionierende Demo](http://www.jsfiddle.net/dactivo/yBTC8/):

$('#button').click(function(){
if(    $('.wrapper:animated').length>0)
{
 $(".wrapper").text("animieren")   ;
}
  if(
    $('.wrapper:animated').length<1) {
 $(".wrapper").text("nicht animieren")   ;
  }
})