Слушатели событий onclick()? - аккордеон

Question

У меня есть ряд аккордеонов, что активировать с помощью следующего кода:

$(function() { 
     $(".specialreveal").hide(); 
     $('[href="#"]').attr('href', 'javascript:void(0)'); 
     $(document).on("click", "a.biobutton", function() { 

      var $currentSection = $(this).closest(".biowrapper").find(".specialreveal").toggle('slow').end(); 

      //If you want to hide all other `specialreveal` sections 
     $(".biowrapper").not($currentSection).find(".specialreveal").hide('fast').end(); 



     }); 

    }); 

Я хотел бы, чтобы прокрутить гармошку к вершине, когда элемент щелкнуло, и я использую это:

$(".biowrapper").click(function() { 
     $('html,body').delay(1200).animate({scrollTop: $(this).offset().top}, 800); 

}); 

проблема заключается в том, что если вкладка аккордеона выше открыта, и я нажимаю на нижнюю, отбрасывается верхняя часть, потому что, если математика вычисляется с открытыми двумя вкладками, поэтому, когда вы закрываете верхняя ссылка неправильная.

Я пробовал устанавливать задержку(), trigger() и такие, но я не могу понять, что это правильно.

Я хочу, чтобы у вас была возможность прокрутить вверх, ПОСЛЕ того, как предыдущий тег закрывается и открывается новый.

Answer 1

Проблема заключается в том, что offset().top рассчитывается немедленно, а затем сохраняется для последующего использования на animate.

Просто используйте таймер, чтобы задержать операцию вместо:

$(".biowrapper").click(function() { 
    setTimeout(function(){ 
     $('html,body').animate({scrollTop: $(this).offset().top}, 800); 
    }, 1200); 
}); 

В идеале вы бы вместо того, чтобы слушать на предыдущую операцию до конца через событие на самом аккордеоне

Answer 2

Похоже, вы хотите, чтобы ваш прокрутка для запуска на событии activate

Запуск после активации панели (после завершения анимации)

$(".biowrapper").accordion({ 
    activate: function(evt, ui) { 
     $('html,body').animate({ 
      scrollTop: $(this).offset().top 
     }, 800); 
    } 
});