Делаю всплывающее окно. Почему не скрывается ссылка "открыть" после вызова функции?
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>pop-up window</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="parent">
<div id="opener">
<a href="#box" onclick="openbox('box')">Открыть</a>
</div>
<div class="content_window" id="box">
<div class="header_form">
<h1>Заявка</h1>
<p>на бесплатную консультацию</p>
</div>
<form action="#" class="center_form_contact_lead">
<p>Имя</p>
<input type="text" class="center_form_name_lead">
<p>Телефон</p>
<input type="text" class="center_form_phone_lead">
<p>E-mail</p>
<input type="text" class="center_form_email_lead">
<input type="button" class="center_form_button_send_lead">
</form>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
function openbox(box){
document.getElementById(box).style.display='block';
document.getElementById(opener).style.display='none';
}
