Банеры

[craz]

есть див
<div class='ban'></div>
и ссылки
<a id='name_pic' class='banner'>Pic 1</div>
<a id='name_pic' class='banner'>Pic 1</div>
<a id='name_pic' class='banner'>Pic 1</div>

хочу чтобы нажал div.ban затух поменял background и снова появилсо.

Делаю так(потому что я забыл как делал в прошлый раз... и уже который раз это происходит)

jQuery(".banner").click(function(e){

urlBan = 'url("/images/ban/'+jQuery(this).attr("id")+'.jpg")'; 
                                     jQuery('.ban').animate({opacity:"0"},1000,"easeInOutBack",jQuery('.ban').animate({opacity:"1"},2000,"easeInOutBack"));
                        jQuery('.ban').css({"background":urlBan});
                   
                   
                   e.preventDefault();
                });

 

[craz]

вот так должно быть
jQuery('.banner')
.animate({opacity:"0"},1000,"easeInOutBack",function(){
jQuery('.banner').animate({opacity:"1"},2000,"easeInOutBack")
jQuery('.banner').css({"background":urlBan});
});