[Greider]

Добрый день! У меня такая проблема - нужно скрыть несколько строк таблицы подряд, выглядит примерно так:

<table>
            <tr><td><a href="#" onclick="openbox('box1'); return false">скрыть/развернуть</a></td></tr>
            <tr><td class="box1" style="display: none;">1.</td></tr>
            <tr><td class="box1" style="display: none;">2.</td></tr>
            <tr><td class="box1" style="display: none;">3.</td></tr>
            <tr><td><a href="#" onclick="openbox('box2'); return false">скрыть/развернуть</a></td><td></td></tr>
            <tr><td class="box2" style="display: none;">4.</td></tr>
            <tr><td class="box2" style="display: none;">5.</td></tr>
            <tr><td class="box2" style="display: none;">6.</td></tr>
</table>

Скрипт набросал в лоб, но все равно не работает... может что посоветуете, как лучше сделать и в каком нарпавлении копать?
Раньше у меня были блоки <div> с ID, но кода несколько строк то такой вариант не работает, т.к. ID должен быть уникальным. Пробую с getElementsByClassName... но никак.

function openbox(id){
	    display = document.getElementsByClassName(id).style.display;
	    if(display==\'none\'){
	       document.getElementsByClassName(id).style.display=\'table-row\';
	    }else{
	       document.getElementsByClassName(id).style.display=\'none\';
	    }
	}
	</script>';