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) 


        }); 


       });