Tengo un script de navegación de diapositivas que me permite navegar a una diapositiva en particular usando un "nth-child(#) que desencadena un evento de clic.

Actualmente, cada botón tiene su propia referencia de diapositiva, es decir, el botón Slide-1 se vinculará con el nth-child (1) y así sucesivamente hasta la diapositiva/botón 8

Estoy buscando formas de optimizar el siguiente script usando un bucle o algo similar para que sea más manejable y aún mantenga la misma funcionalidad.

 <script> jQuery(document).ready(function( $ ) { var selector = '.activelinks a'; $(selector).on('click', function(){ $(selector).removeClass('active'); $(this).addClass('active'); }); $("#Slide-1").on("click", function(e) { e.preventDefault(); $(".et-pb-controllers a:nth-child(1)").trigger("click"); }); $("#Slide-2").on("click", function(e) { e.preventDefault(); $(".et-pb-controllers a:nth-child(2)").trigger("click"); }); $("#Slide-3").on("click", function(e) { e.preventDefault(); $(".et-pb-controllers a:nth-child(3)").trigger("click"); }); $("#Slide-4").on("click", function(e) { e.preventDefault(); $(".et-pb-controllers a:nth-child(4)").trigger("click"); }); $("#Slide-5").on("click", function(e) { e.preventDefault(); $(".et-pb-controllers a:nth-child(5)").trigger("click"); }); $("#Slide-6").on("click", function(e) { e.preventDefault(); $(".et-pb-controllers a:nth-child(6)").trigger("click"); }); $("#Slide-7").on("click", function(e) { e.preventDefault(); $(".et-pb-controllers a:nth-child(7)").trigger("click"); }); $("#Slide-8").on("click", function(e) { e.preventDefault(); $(".et-pb-controllers a:nth-child(8)").trigger("click"); }); }); </script>