Здравствуйте есть список mp3 музыки. под каждый трек свой плеер как сделать чтобы при нажатии на кнопку play на одном плеере не появлялась кнопка pause на другом и музыка которая играет на другом выключалась?
if(document.cookie !== "visited") {
document.cookie = "visited";
// window.location = self.location;
}
$(".mini_controls .mini-play").on("click",function(){
$(this).css("display","none");
$parent($this).(" .mini-pause").css("display", "block");
});
$(".mini_controls .mini-pause").on("click",function(){
$(this).css("display","none");
$(".mini_controls .mini-play").css("display", "block");
});
}
HTML
<div class='lm-inner clearfix'>
<div class='mini_controls'>
<a href='javascript:void(0)' class='mini-play' style='display:block ;' onclick=\"document.getElementById('player_1').play();\"></a>
<a href='javascript:void(0)' class='mini-pause' style='display:none ;' onclick=\"document.getElementById('player_1').pause()\"></a>
</div>
<div class='lm-track lmtr-top'>
<audio id='player_1' class='track_player' src="..\1.mp3" ></audio>
</div>
</div>
<div class='lm-inner clearfix'>
<div class='mini_controls'>
<a href='javascript:void(0)' class='mini-play' style='display:block ;' onclick=\"document.getElementById('player_2').play();\"></a>
<a href='javascript:void(0)' class='mini-pause' style='display:none ;' onclick=\"document.getElementById('player_2').pause()\"></a>
</div>
<div class='lm-track lmtr-top'>
<audio id='player_2' class='track_player' src="..\2.mp3" ></audio>
</div>
</div>
...