вопрос
"Переключатель плееров". Все устраивает, но есть одно "но". Как сделать так, чтобы при загрузке страницы 1 плеер появлялся сразу? Сейчас чтобы 1 плеер появился, нужно нажать на 1 кнопку. Вот код:
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<style>
html {
height: 100%;
overflow: hidden;
}
body {
margin: 0;
padding: 0;
}
.top_buttons {
display: block;
font-family: sans-serif;
}
.top_buttons .goPlayerBtn {
display: inline-block;
border: 1px solid #000;
padding: 3px;
}
.boxForm {
background: #ccc;
}
.boxForm .goPlayer {
display: none;
}
.boxForm .goPlayer.Active {
display: block;
}
</style>
<script type="text/javascript">
function goPlayerBtn ( id ) {
$(".goPlayer").removeClass("Active");
$(".box" + id).addClass("Active");
}
</script>
<body>
<div class="top_buttons">
<div class="goPlayerBtn" onclick="goPlayerBtn('1')">1 плеер кнопка</div>
<div class="goPlayerBtn" onclick="goPlayerBtn('2')">2 плеер кнопка</div>
<div class="goPlayerBtn" onclick="goPlayerBtn('3')">3 плеер кнопка</div>
</div>
<div class="boxForm">
<div class="goPlayer box1">
Плеер 1
</div>
<div class="goPlayer box2">
Плеер 2
</div>
<div class="goPlayer box3">
Плеер 3
</div>
</div>
</body>
</html>
