<ol class="tabs">
<li>
<a href="#tab1">Первая вкладка</a>
</li>
<li>
<a href="#tab2">вторая вкладка</a>
</li>
</ol>


<div class="tab_container">
<div id="tab1" class="tab_content">
первый плеер
</div>
<div id="tab2" class="tab_content">
второй плеер
</div>
</div>

<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$(".tabs li:first-child").addClass("active");
$(".tab_content:first-child").show();
$(".tabs li").click(function() {
if (!$(this).hasClass("active")) {
$(this).parent().find("li").removeClass("active");
$(this).parent().next().find(".tab_content").hide();

var activeTab = $(this).find("a").attr("href");
$(this).addClass("active");
$(this).parent().next().find(activeTab).fadeIn();
}
return false;
});
});
</script>