JavaScript
- 7 ответов
- 0 вопросов
4
Вклад в тег
<head>
<script defer="defer" src='scripts/script.js'></script>
</head><head>
<script defer="defer">window.onload = function() {
document.getElementById('mobile_main_nav').onclick = function() {
openbox('mobile_main_nav_items', this);
return false;
};
};
// если блок включен
function openbox(id, toggler) {
var div = document.getElementById(id);
if(div.style.opacity == 1) {
div.style.height = 0;
div.style.opacity = 0;
toggler.innerHTML = 'Открыть';
toggler.style.background = '#393b3f';
}
// если блок выключен
else {
div.style.opacity = 1;
div.style.height = '155px';
toggler.innerHTML = 'Закрыть';
toggler.style.background = '#393b3f';
}}</script>
</head><div class="figure"></div>
<style>
.figure {
width: 250px;
height: 50px;
background-color: orange;
border-radius: 15px;
position: relative;
}
.figure:before {
content: '';
width: 234px;
height: 25px;
background-color: orange;
display: block;
position: absolute;
left: 8px;
top: 35px;
border-radius: 50%;
}
</style>