Hi Mohamed,

The click event gets lost because the refreshed element is "new" to the DOM on the page. Have you tried setting the click event with the "on" method?

Something like this:

$("html").on("click", ".item2-1", function() {
    $('html,body').animate({
        scrollTop: $(".index2-2").offset().top - 60},
        'slow');
});

How about rerunning the Javascript once your Ajax refresh runs? You could encapsulate your logic like this:

function itemClickEvent() {
$(".item2-1").click(function() {
    $('html,body').animate({
        scrollTop: $(".index2-2").offset().top - 60},
        'slow');
});
}

$(document).ready(function() {
    itemClickEvent();
});

And then in your refresh logic you could rerun your event logic to make sure it gets set to the new elements with the RunJavascript action:

Nice. I could've sworn the on method worked for new elements, but I guess not. Glad you got it sorted out.