jquery動畫按鈕問題的幫助？

Question

http://jsfiddle.net/B2rdD/3/

我創建使用HTML 25個按鈕，我已經寫了jQuery代碼這樣的方式，當用戶將迅速點擊任何鏈接的所有按鈕獲得發光一次，但現在在上面的代碼中的問題是，當我點擊一個按鈕第一次發光全部25個按鈕，但第二次沒有發生。

我的目標是，如果我點擊任何按鈕的快速所有按鈕應該然後再進行下一個按鈕，可以快速煥發

任何人可以幫助我做到這一點？

Answer 1

編輯的最終修正：http://jsfiddle.net/B2rdD/29/所有的

var $button = $(':button'); 

$button.click(function() { 

    $button.stop(true,true).animate({ 

     'background-color': '#ADDFFF', 
     opacity: 0.4 

    }, 500, function() { 

     $button.animate({ 

      'background-color': '#6DA6E2', 
      opacity: 1 

     }, 500) 

    }); 

}); 

$button.hover(function() { 

    $(this).css({'background-color' : '#FFFFFF', 'color' : '#6DA6E2'}); 

}, function(){ 

    $(this).css({'background-color' : '#6DA6E2', 'color' : '#FFFFFF'}); 

});

首先，我修改你的輸入都具有唯一的ID，只爲一致性的緣故。我也修改了一下你的CSS。現在，我重新考慮jQuery並添加了懸停技術。首先，你想管理動畫。你不希望他們每次點擊一個按鈕時排隊，因此.stop(true,true)。第一個true表示清除排隊的動畫，第二個true表示跳轉到動畫結尾。就懸停而言，這只是一個簡單的方法。

Answer 2

試試這個。不知道你的情況如何：

$(document).ready(
    function(){ 
     $(':button').click(

      function(){ 
       $(':button') 
        .animate({'background-color':'#ADDFFF',opacity: 0.4},500) 
        .animate({'background-color':'#ADDFFF',opacity: 1},500) 


        }); 


       });