Как добавить действие scrollto в оператор jQuery javascript для сайта Wordpress

Question

У меня есть веб-сайт Wordpress, использующий Divi Builder. Я использую jQuery javascript, чтобы скрыть нижние разделы сайта, пока посетитель не нажмет на Подробнее. Это приводит к исчезновению текста «Узнать больше» и появлению нижних разделов. Однако я хотел бы добавить действие ScrollTo, чтобы оно переместило посетителя в нижние разделы. Я оставляю нижнюю часть видимой, просто пустой для прокрутки.

Я пробовал множество различных и не могу выполнить действие ScrollTo. Это либо нарушает скрипт, либо игнорирует его. Я обязательно включил альтернативный переключатель прокрутки. Если я пытаюсь использовать стандартную ссылку привязки "#target", она делает это и игнорирует сценарий jQuery.

Вот базовый сценарий:

<script type="text/javascript">
 jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal').hide();
jQuery('#reveal_text').show();
jQuery('.rv_button').click(function(e){
e.preventDefault();
jQuery("#reveal").slideToggle();
jQuery("#reveal_text").slideToggle();
jQuery('.rv_button').toggleClass('opened closed');
});
});

Как добавить действие ScrollTo в конце скрипта?

Answer 1

Вам нужно вызвать функцию обратного вызова, скажем, после появления текста:

jQuery("#reveal_text").slideToggle(400, function() {
    jQuery([document.documentElement, document.body]).animate({
        scrollTop: $("#reveal_text").offset().top
    }, 2000);
});