что-то такое создал .Не знаю понравится ли
<label onclick="plays1()"><a href="#">Some text</a></label>
<label onclick="plays2()"><a href="#" >Some text2</a></label>
<audio src="1.mp3" ></audio>
<audio src="2.mp3" ></audio>
<script>
function plays1(){
document.getElementsByTagName('audio')[0].display='block';
document.getElementsByTagName('audio')[0].play()
document.getElementsByTagName('audio')[1].display='none';
document.getElementsByTagName('audio')[1].pause()
}
function plays2(){
document.getElementsByTagName('audio')[1].display='block';
document.getElementsByTagName('audio')[1].play()
document.getElementsByTagName('audio')[0].display='none';
document.getElementsByTagName('audio')[0].pause()
}