Имеется такой блок, но почему-то , там где единичка, высота блока не изменяется, я специально убрал там высоту но проблема не решилась.
Это совершенно два разных блока, которые идут друг за другом.
Нужно, чтобы автоматически блок с цифрой, занимал всю высоту открытого блока.
CODE:
function show(id) {
var div = document.getElementById(id);
if (div.style.display == 'block') {
div.style.display = 'none';
toggler.innerHTML = '+';
} else {
div.style.display = 'block';
toggler.innerHTML = '-';
}
}
.FunctionalBlock {
width: 1170px;
background-color: #f4f4f4;
margin-bottom: 20px;
}
.FunctionalBlock .Numeric {
width: 100px;
align-content: stretch;
background-color: #dadada;
box-sizing: border-box;
float: left;
text-align: center;
font-size: 40px;
line-height: 100px;
color: black;
}
.FunctionalBlock .MainDesc {
text-align: left;
font-size: 40px;
line-height: 101px;
color: black;
margin-left: 130px;
}
.FunctionalBlock .HideDesk {
display: none;
}
.FunctionalBlock .OpenClose {
float: right;
margin-right: 20px;
}
<div class="FunctionalBlock">
<div class="Numeric">1</div>
<div class="MainDesc">
Decription
<a class="OpenClose" onclick="show('Decription');">+</a>
<div class="HideDesk" id="Decription">
Lorem Ipsum is simply dummy text of the pirnting and typesetting inclustry
<img src="preview/img/">
</div>
</div>
</div>