Here's what I'm trying to achieve:
- Change the class of the div with ID
infofrom col-lg-12 to col-lg-6 with a sliding effect - After completing the first action, slide down the div with ID
project
Currently, action 2 is happening simultaneously with action 1, without any delay. Below is my code snippet:
$(document).ready(function(){
$("#project").hide();
$("#phone").blur(function(){
if($("#name").val() > ""){
if($("#business").val() > ""){
if($("#email").val() > ""){
if($("#phone").val() > ""){
$("#info").switchClass("col-lg-12", "col-lg-6", 500);
$("#project").slideDown(800).delay(800).fadeIn(800);
}
}
}
}
});
});