C008 - UX-related - Partial reload of screen is distracting and unpleasant - fix…

C008 - UX-related - Partial reload of screen is distracting and unpleasant - fix to slide up the old question

cmsWebApp/webroot/css/common.css

@@ -2068,6 +2068,9 @@ ul.security-level {
     padding: 53px 70px 0;
     background-color: #fbfbfb;
 }
+.job-match-questions{
+    background-color: #fbfbfb;
+}
 .job-match-buttons{
     background-color: #fbfbfb;
 }

cmsWebApp/webroot/extensions/applicantportal/job_match_assessment.jsp

@@ -101,11 +101,18 @@
                         $("#gotoPageNext").click();
                         return false;
                     }
-
-                    $('.job-match-questions').empty();
-
-                    ajaxProcessAddJQ ("<%= request.getContextPath() %>/extensions/applicantportal/inc/job_match_questions.jsp", '.job-match-questions' , {questionNumber : questionNumber, actualNumber: actualNumber});
-
+                  
+                    ajaxProcessAddJQ ("<%= request.getContextPath() %>/extensions/applicantportal/inc/job_match_questions.jsp", '.job-match-questions' , {questionNumber : questionNumber, actualNumber: actualNumber},
+                        function (theHTML_JQ) {
+                            $( ".job-match-questions" ).after("<div class='job-match-questions'></div>"); //This will add a new element to the DOM
+                            $('.job-match-questions:last').html(theHTML_JQ).hide(); // Add the new HTML to the newly created element and hide it
+                            $(".job-match-questions:first").slideUp();
+                            $(".job-match-questions:last").slideDown();
+                            setTimeout(function(){
+                              $(".job-match-questions:first").remove();
+                            },800); 
+                    }); 
+                    
                     $('.timer').countimer('start');
                 },
             500); // delay in order to visually reinforce selection before advancing