Comment lier/dissocier cliquez pour empêcher le chaos de la file d'attente animée?

Question

Celui-ci ne fonctionnera pas. La file d'attente d'animation finit dans un chaos. Qu'est-ce que je me suis trompé? Aidez-moi, s'il vous plaît.

$button.bind('click',showHideFavourites); 

function showHideFavourites() { 
    if ($favContent.css('opacity') == 1) { 
     hideFavourites(); 
    } else { 
     showFavourites(); 
    } 
} 

function hideFavourites() { 
    $button.unbind('click'); 

    $favContent.animate({'opacity':'0'},250,function() { 
     $favourites.animate({'height':0},{queue:false,duration:250,easing:'easeInOutQuad',complete:function() { 
      $button.text(showFav); 

      $button.bind('click',showFavourites); 
     }}); 
    }); 
} 

function showFavourites() { 
    $button.unbind('click'); 

    $favourites.animate({'height':fl_openHeight},{queue:false,duration:250,easing:'easeInOutQuad',complete:function() { 
     $favContent.animate({'opacity':'1'},250); 
     $button.text(hideFav); 

     $button.bind('click',hideFavourites); 
     }); 
    }}); 
} 

Answer 1

$button.on('click', function() { 
    $favContent.css('opacity') == 1) ? hideFavourites() : showFavourites(); 
}); 

function hideFavourites() { 
    $favContent.stop(true, true).animate({'opacity':'0'},250,function() { 
     $favourites.stop(true, true).animate({'height':0}, 250, 'easeInOutQuad', function() { 
      $button.text(showFav); 
     }); 
    }); 
} 

function showFavourites() { 
    $favourites.stop(true, true).animate({'height':fl_openHeight}, 250 'easeInOutQuad' function() { 
     $button.text(hideFav); 
     $favContent.stop(true, true).animate({'opacity':'1'},250); 
    }); 
} 

Si vous essayez d'animer la taille et l'opacité en même temps, vous devez abandonner les fonctions de chaînage ainsi, je did'nt que je was'nt sûr de ce que l'noqeue était pour?