Мне нужно, чтобы при клике на ссылку "скрыть/показать" скрывался или появлялся div с id "panel".
Вот такой вариант кода, по идее должно работать, но не работает, долго разбирался так и не понимаю почему.
Можете подсказать, что не так?
<html>
<head>
<meta charset="utf-8"/>
<title>Panel</title>
<script type="text/javascript">
function openPanel(){
var panel = document.getElementById('panel');
if(panel.style.display == 'none'){
panel.style.display = '';
}else{
panel.style.display = 'none';
}
}
</script>
</head>
<body>
<div>
<a href="javascript:openPanel()" onclick="openPanel()">скрыть/показать</a>
<div id="panel">Панель , которая должна скрываться и открываться.</div>
<p>Текст, который виден постоянно.</p>
</div>
</body>
<html>
Средний
