помощь с ява

<script>
window.onload = function(){
document.getElementById('pokazat1').onclick = function(){
document.getElementById('pokazat').style.display = 'none';
document.getElementById('skryt').style.display = '';
}
document.getElementById('skryt1').onclick = function(){
document.getElementById('pokazat').style.display = '';
document.getElementById('skryt').style.display = 'none';
}
}
</script>
<div id="pokazat">
<a href="#" id="pokazat1">Показать панель юзера</a>
</div>
<div id="skryt" style="display:none">
<a href="#" id="skryt1">Скрыть панель юзера</a>
<p>Тут пишем текст, который нужно показывать и скрывать</p>
<p>Тут пишем текст, который нужно показывать и скрывать</p>



</div>

как тут можно сделать что бы там функция $ank[id] работала ?
уже по всякому пытался $ank[id] не считывается

$ank[id] это не функция.

<script>
window.addEventListener ("load", function () {
e = document.getElementById("sh");
e.addEventListener ("click", function () {
e.style.display = e.style.display == 'none'?'block':'none';
});
});
</script>
<div id='sh'>some text..</div>

вот так не легче?

можно и так но мне нужно что бы id читалось