Как отключить все аудио дорожки кроме текущей js?

Question

[Александра]

Всем привет, имею несколько аудио дорожек. Для одной дорожки включение, выключение все работает, но не получается выключить все дорожки кроме той на которую кликнули. Рабочий код для одной дорожки

<div class="voice-btn"><audio src="audio/audio-1.mp3"></audio></div>
<div class="voice-btn"><audio src="audio/audio-2.mp3"></audio></div>
<div class="voice-btn"><audio src="audio/audio-3.mp3"></audio></div>

$('.voice-btn').click(function() {
        if ($(this).hasClass('on')) {
            $(this).removeClass('on');
            $(this).find('.voice-btn__audio').get(0).pause();
        } else {
            $(this).addClass('on');
            var pl = $(this).find('.voice-btn__audio').get(0)
         
            pl.play();
            $(pl).on("ended", function() {
                $(this).parent().removeClass('on');
            });
        }
    });

Comments

[Антон]

Методом "Сначала выключить всё, а потом включить по this"

Answer 1

[Eugene Chefranov]

$('.voice-btn').click(function() {
     $('.voice-btn').each(function() {
          $(this).find('.voice-btn__audio').get(0).pause();
     });
     $(this).find('.voice-btn__audio').get(0).play();
})