2 плеера и 1 трейлер

Спойлер: Табы

<div class="section section-players">
<ul class="tabs">
[xfgiven_rekla]<li class="current">Плеер №1</li>[/xfgiven_rekla]
[xfgiven_moonwalk]<li [xfnotgiven_rekla]class="current"[/xfnotgiven_rekla]>Плеер №2</li>[/xfgiven_moonwalk]
[xfgiven_hdgo]<li [xfnotgiven_rekla][xfnotgiven_moonwalk]class="current"[/xfnotgiven_rekla][/xfnotgiven_moonwalk]>Плеер №3</li>[/xfgiven_hdgo]
<li [xfnotgiven_rekla][xfnotgiven_moonwalk][xfnotgiven_hdgo]class="current"[/xfnotgiven_moonwalk][/xfnotgiven_rekla][/xfnotgiven_hdgo]>Трейлер</li>
</ul>
<div style="clear:both"></div>
[xfgiven_moonwalk]
<div class="box visible" style="background-color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;">
<iframe src="[xfvalue_moonwalk]" width="620" height="400" frameborder="0" scrolling="no" style="overflow: hidden;" allowfullscreen></iframe>
</div>
[/xfgiven_moonwalk]
[xfgiven_rekla]
<div class="box [xfnotgiven_rekla]visible[/xfnotgiven_rekla]" style="background-color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;">
<iframe src="[xfvalue_rekla]" width="620" height="400" frameborder="0" scrolling="no" style="overflow: hidden;" allowfullscreen></iframe>
</div>
[/xfgiven_rekla]
[xfgiven_hdgo]
<div class="box visible" style="background-color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;">
<iframe src="[xfvalue_hdgo]" width="620" height="400" frameborder="0" scrolling="no" style="overflow: hidden;" allowfullscreen></iframe>
</div>
[/xfgiven_hdgo]
[xfgiven_trailer]
<div class="box [xfnotgiven_rekla][xfnotgiven_moonwalk][xfnotgiven_hdgo]visible[/xfnotgiven_moonwalk][/xfnotgiven_rekla][/xfnotgiven_hdgo]" style="background-color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;">
[xfvalue_trailer]
</div>[/xfgiven_trailer]
</div>

 

Почему же? 3 вкладки табов, которые будут выводиться по очереди, тоеть если 1 нет то 2, и т.д. естестввенно подредактировать под себя

 

Код:

ul.tabs{line-height:26px;list-style:none;padding:0px;}
.tabs li{float:left;display:inline;list-style:none;cursor:pointer;padding:0 20px;position:relative;text-align:center;font-weight:bold;text-shadow:#000 1px 1px 1px;color:rgb(201, 201, 201);height:28px;}
.tabs li:hover{padding:0 20px;background:#a8a8a8;color:rgb(1, 1, 1);text-shadow:#fff 1px 1px 1px;}
.tabs li.current{background:rgb(26, 26, 26);padding:0 20px;text-align:center;cursor:default;}
.tabs li.current:hover{padding:0 20px;background:rgb(26, 26, 26);text-shadow:#000 1px 1px 1px;color:rgb(201, 201, 201);}
.section-players .box{display:none;}
.section-players .box.visible{display:block;}

держи css