у меня есть HTML код
<div id="area" class="wrapper">
<div class="vopros" id="vopros">
<div class="top_strip" id="top_strip">
<div class="meter">
<span id="number"><span><p id="numbq"></p></span></span>
</div>
<p id="time">00:00</p>
</div>
<div class="picture">
<img src="img/1.png" id="picture" class="picture">
</div>
<p id="question"></p>
<div class="line-question" id="line-question" onclick="vari(0)">
<img src="img/button-2.svg" id="pict-1" class="pict" height="20px">
<a class="myButton" id="option1"></a>
</div>
<div class="line-question" id="line-question" onclick="vari(1)">
<img src="img/button-2.svg" id="pict-2" class="pict" height="20px">
<a class="myButton" id="option2"></a>
</div>
<div class="line-question" id="line-question" onclick="vari(2)">
<img src="img/button-2.svg" id="pict-3" class="pict" height="20px">
<a class="myButton" id="option3"></a>
</div>
<div class="line-question" id="line-question-4" onclick="vari(3)">
<img src="img/button-2.svg" id="pict-4" class="pict" height="20px" id="option4">
<a class="myButton" id="option4"></a>
</div>
<div class="bot-button" id="bot-button">
<a onclick="vari(4)" id="option7" class="option7">Далее</a>
<a onclick="vari(8)" id="option8" class="option8">Назад</a>
<a onclick="vari(9)" id="option9" class="option9">Завершить</a>
</div>
в нем всем объектам присвоено display:none;
, как можно изменить его на display:block;
всем элементам внутри <div id="area" class="wrapper">
?