Question

Here is my Code. Initially Div color is black I want it to be changed after div totally has been slided towards right but it changes instantly when i click go button. Solution please …

 $("#go").click(function () {
    $("#subdiv").animate({ "left": "+=75%" }, 1500);
    $('#subdiv').css("background-color", "#293955");
    $("#subdiv").animate({ "left": "-=75%" }, 1500);

}
);

Answer 1

use a callback for the animation that manipulates the element only after the animation has finished :

$("#go").click(function () {
    $("#subdiv").animate({ "left": "+=75%" }, 1500,function(){
        $('#subdiv')
            .css("background-color", "#293955")
            .animate({ "left": "-=75%" }, 1500);
        }
    );
}