Home/ Questions/Q 8302873
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T17:23:37+00:00

I’ve the following function: $(‘.link1’).click(function(){ $(#div2).slideUp(function(){$(#div1).slideToggle();}); $(‘html, body’).animate({scrollTop: ‘600px’}, 800); }); It toggles a

  • 0

I’ve the following function:

$('.link1').click(function(){
    $("#div2").slideUp(function(){$("#div1").slideToggle();});
    $('html, body').animate({scrollTop: '600px'}, 800);
});

It toggles a div and scroll the page down. The problem is that everytime the user toggles the page scroll down again…how could I run this animate function only at first click?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use a flag or set a data attribute to make sure the scrolling animation only occurs on the first click.

    var flag=true;

$('.link1').click(function(){
    $("#div2").slideUp(function(){$("#div1").slideToggle();});
    if (flag) {
        $('html, body').animate({scrollTop: '600px'}, 800);
        flag = false;
    }
});

    I’m guessing #div2 should still toggle, but that it just should’nt scroll on every click?

    • 0