Total noob here about jquery.

 

/* Javascript */

$(document).ready(function(){
   $("a.one").click( function(){ $

          ("body").removeClass('bg2 , bg3 , bg4').addClass("bg1");
   });

 

/* CSS */

.bg1{  background: url(../images/1.jpg);  background-repeat: no-repeat;}

 

/* HTML */

<a class="one" href="#"><img class="bkgbtn" src="1.png"></a>

 

As you can see, I have it set to where when you click on the button, "a class=one" is talking to the js and the js is talking to the css to get the background in play. Is there a way that I can have my background fade in