Question

My jquery code looks like this:

$(document).ready(function() {
       $('.French').click(function(){ changeBackground(); 
    });
});

function changeBackground(){
    $("#title").css('backgroundPosition', '0px -120px' );
}

works beautifully only one problem : after the click the background returns to the initial state. How can I keep new background after the click?

Thanks for the ideas!

Answer 1

All working for me only thing that you can change is this:

$(document).ready(function() {
       $('.French').click(changeBackground);
});

function changeBackground(){
    $("#title").css('backgroundPosition', '0px -120px' );
}

here is working example using jQuery 1.5