estoy usando wordpress con elementor creé varios botones que cuando se hace clic reproducen un efecto de sonido, pero mi problema es cuando se hace clic en 1 botón y al mismo tiempo cuando se reproduce el botón 1 si hago clic en el botón 2 también se reproducirá junto con el botón 1 cómo hacer andy botón para detener la reproducción cuando se hace clic en otro? *Estoy usando el siguiente código para reproducir el botón
<script> $(document).ready(function() { //Audio 1 Starts var audio1 = new Audio('Sound-Effect-URL') $(".button-class").mousedown(function() { audio1.load(); audio1.play(); }); //Audio 1 Ends }); </script>```Si tiene el código de ambos botones en el mismo script, puede probar esto:
<script> $(document).ready(function() { //Audio 1 Starts var audio1 = new Audio('Sound-Effect-URL') var audio2 = new Audio('Sound-Effect-URL2') $(".button-class").mousedown(function() { audio2.pause(); audio2.currentTime = 0; audio1.load(); audio1.play(); }); //Audio 1 Ends $(".button-class2").mousedown(function() { audio1.pause(); audio1.currentTime = 0; audio2.load(); audio2.play(); }); }); </script>