Estoy usando jQuery slideToggle() para expandir elementos en una lista, pero cuando me desplazo hacia abajo en la página con la rueda del mouse, la tecla de flecha hacia abajo o la tecla de página hacia abajo, la página se detiene donde la página normalmente terminaría sin que el elemento sea expandido. Sin embargo, puedo seguir desplazándome con la barra de desplazamiento. Aquí está mi guión:

 <style> .expand-arrow-link { padding: 14px; line-height: 1; background: none; border: 0; text-decoration: none; } .expand-arrow-link:hover { text-decoration: none !important; } .expand-arrow-link .x-icon { padding-bottom: 0rem !important; } .flip-arrow-up { transform: scaleY(-1); transition: 0.6s; } .flip-arrow-down { transform: none; transition: 0.6s; } #element_id_to_expand { display: none; } </style>

 <script> jQuery(document).ready(function() { var link = jQuery("#element_id_to_click"); var expand = jQuery("#element_id_to_expand"); // Add classes by default link.addClass("flip-arrow-down").addClass("expand-arrow-link").attr("aria-expanded", "false").attr("value", "expand"); // Toggle jQuery link.click(function() { expand.slideToggle(); if (link.attr("aria-expanded") == "false") { link.addClass("flip-arrow-up").removeClass("flip-arrow-down").attr("aria-expanded", "true"); } else { link.addClass("flip-arrow-down").removeClass("flip-arrow-up").attr("aria-expanded", "false"); } }); });

¿Cómo hago para que continúe desplazándose hasta el final de la página?