Kaip ideti muzikos playeri i HTML puslapi?

Taigi,temos pavadinimas tikriausiai viska pasako. noriu,kad viduryje puslapio butu toks playeris:

Paspaudi ROCK islenda 1 playeris,o kai paspaudi JAZZ islenda ktias playeris vietoj senojo. Viskas gan paprasta,bet zalias as html'e.

jeigu žalias, tai tu gal nespręsk pats, kas paprasta, o kas ne :)

dar ne tiek zalias. Reikia 2 migtuku ir apacioje playlisto,nesakyk,kad tai labai sunku.

dar ne tiek zalias. Reikia 2 migtuku ir apacioje playlisto,nesakyk,kad tai labai sunku.

<p><a href="#nuoroda_i_playeri">Pirmas playeris</a><br>
 <a href="#nuoroda_i_playeri">Antras playeris</a><br>
 <a href="#nuoroda_i_playeri">Trecias playeris</a></p>

<p><a href="#nuoroda_i_playeri">Pirmas playeris</a><br>
 <a href="#nuoroda_i_playeri">Antras playeris</a><br>
 <a href="#nuoroda_i_playeri">Trecias playeris</a></p>

Paspaudus sakykim ANTRAS,jis isijungs vietoj pirmo?

man reikia,kad viskas tame paciame puslapyje vyktu

audio{
   display:none;
}

/*
*
*@requires JQuery
*
*/
var visible = $('#rockshit');
$('#rockbutton').click(function(){
   visible.hide();
   visible = $('#rockshit').show();
});
$('#jazzbutton').click(function(){
   visible.hide();
   visible = $('#jazzshit').show();
});

<a id="rockbutton">Rock</a>
<a id="jazzbutton">Jazz</a>

<audio src="rockshit.mp3" controls="controls" id="rockshit"></audio>
<audio src="jazzshit.mp3" controls="controls" id="jazzshit"></audio>

audio{
   display:none;
}

/*
*
*@requires JQuery
*
*/
var visible = $('#rockshit');
$('#rockbutton').click(function(){
   visible.hide();
   visible = $('#rockshit').show();
});
$('#jazzbutton').click(function(){
   visible.hide();
   visible = $('#jazzshit').show();
});

<a id="rockbutton">Rock</a>
<a id="jazzbutton">Jazz</a>

<audio src="rockshit.mp3" controls="controls" id="rockshit"></audio>
<audio src="jazzshit.mp3" controls="controls" id="jazzshit"></audio>

tu dievas. aciu!