jQuery Button fade loop until another button is pressed
<p>This is what I want to accomplish.
I have two buttons,  when I press the first one it fades out to 50% and when the fade out is complete it fades back  up to 100% and then it loops the animation for ever until another button is pressed, and den the next button does exactly the same. So every time a button is clicked it just softly blink… 
Is this posible?</p>

<p>I’ve been toying whit this but just don’t get it to work.</p>

<pre><code>&lt;html&gt;

&lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
&lt;style type="text/css"&gt;
#blnk a { cursor: pointer; }
&lt;/style&gt;

&lt;script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'&gt;&lt;/script&gt;

&lt;script language="JavaScript" type="text/javascript"&gt;
&lt;!--
$("#blnk a img").children().click(function(){
          $(this).animate({"backgroundColor":""},500);},
    function(){
          $(this).animate({"backgroundColor":""},500);});
//--&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div id="blnk"&gt;&lt;a src="#"&gt;&lt;img src="http://www.auviproducciones.com/more/imagenes/imagen5.jpg"&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div id="blnk"&gt;&lt;a src="#"&gt;&lt;img src="http://www.auviproducciones.com/more/imagenes/imagen6.jpg"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
