решение подобных задач: начинают проверку не с === , а !== изначально отсутствующему значению, в данном случае 'inline'!!!
вариант если элемент изначально скрыт
<meta charset="utf-8">
<style type="text/css">
#box{display: none}
</style>
<body>
<div id="date"></div>
<div id="box">Вот</div>
<button id="onclick" onclick="box_click()">Кнопка</button>
<script type="text/javascript">
function box_click() {
var style = document.getElementById("box").style;
if (style.display != 'inline') {
style.display = 'inline';
} else {
style.display = 'none';
};
}
</script>
</body>
вариант если элемент изначально открыт
<meta charset="utf-8">
<style type="text/css">
#box{display: inline}
</style>
<body>
<div id="date"></div>
<div id="box">Вот</div>
<button id="onclick" onclick="box_click()">Кнопка</button>
<script type="text/javascript">
function box_click() {
var style = document.getElementById("box").style;
if (style.display != 'none') {
style.display = 'none';
} else {
style.display = 'inline';
};
}
</script>
</body>