Помогите дописать скрипт. Cейчас если аудио проигрывается (music_play value = 1), при нажатии на этоже аудио, оно ставиться на паузу.
Нужно чтобы при нажатии на любое другое аудио, это аудио ставилость на паузу.
$('#music').each(function() {
$(this).find('li').click(function() {
var $index = $(this).index();
var $audio = $('audio')[$index];
if($('#music_play').attr('value') == '1') {
$audio.pause();
$('#music_play').attr('value', '0');
} else {
$('#music_play').attr('value', '1');
$audio.play();
}
});
});
<section id="music" class="music">
<ul class="music_item">
<li>Не с начала</li>
<li>Кем ты стал?</li>
<li>Всего лишь писатель</li>
<li>Колыбельная</li>
</ul>
<div id="music_play" class="music_play item" style="background-image: url('/img/gorgorod.png')">
<audio src="/media/gorgorod/01.mp3"></audio>
<audio src="/media/gorgorod/02.mp3"></audio>
<audio src="/media/gorgorod/03.mp3"></audio>
<audio src="/media/gorgorod/04.mp3"></audio>
</div>
</section>