Срочно помогите, не могу разобраться)

[Lacedaemon]

Проблема такая нужно сделать кнопки с выпадающими таблицами на одной странице, это я реализовал. Добавил в header.php скрипт.

<script>
var lastOpen;
function collapsElement(id) {
if ( document.getElementById(id).style.d isplay != "none" ) {
document.getElementById(id).style.d isplay = 'none';
}
else {
if(lastOpen !== undefined) {
lastOpen.style.display = 'none';
}
lastOpen = document.getElementById(id);
document.getElementById(id).style.d isplay = '';
}
}

Но теперь нужно чтобы при открытии страницы, первая таблица уже была открыта, и при нажатии на вторую она пропадала.

Сами кнопки выглядят так:
<td width="156"><div><a href="javascript:collapsElement('id entifikator1')" title="" rel="nofollow"><button class="gradient-button">1 кнопка</button></a></div></td>
<td width="156"><div><a href="javascript:collapsElement('id entifikator2')" title="" rel="nofollow"><button class="gradient-button">2 кнопка</button></a></div></td>
<td width="156"><div><a href="javascript:collapsElement('id entifikator3')" title="" rel="nofollow"><button class="gradient-button">3кнопка</button></a></div></td>
<td width="156"><div><a href="javascript:collapsElement('id entifikator4')" title="" rel="nofollow"><button class="gradient-button">4 кнопка</button></a></div></td>

То что открывают кнопки отдельными блоками <div id="identifikator1" style="display: none"> ТАБЛИЦА С СОДЕРЖИМЫМ </div>.

Пробовал ставить style="display: block", работает, но вторая таблица открывается под первой, а закрыть первую можно только нажатием на 1 кнопку.