[Shokoladniu]

Привет. Никак не могу разобраться, почему не так работает скрипт.
Скрипт сворачивает и разворачивает текст. Проблема в том, что в родительских divах все работает, а во вложенных -нет. Хочу, чтобы разворачивалось и сворачивалось везде.
Как это реализовать с помощью данного скрипта?
Для удобства залил пример на хостинг
вот код

//here you place the ids of every element you want.
var ids=new Array('yandex','y_site','y_program','w_site','webmoney','bank');

function switchid(id){	
	hideallids();
	showdiv(id);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

и хтмл

<p>Выбирай: <a href="javascript:switchid('yandex');">Яндекс</a>
<a href="javascript:switchid('webmoney');">Вебмани</a>
<a href="javascript:switchid('bank');">Банк</a>
</p>

	<div id='yandex' style="display:none;">
		<a href="javascript:switchid('y_site');">Через сайт</a><br/>
			<div id='y_site' style="display:none;">
				<p>1</p>
	</div>
		<a href="javascript:switchid('y_program');">Через программу</a>
			<div id='y_program' style="display:none;">
				<p>2</p>
	</div>
	</div>

	<div id='webmoney' style="display:none;">
		<a href="javascript:switchid('w_site');">Через сайт</a><br/>
			<div id='w_site' style="display:none;">
				<p>3</p>
			</div>
	</div>

	<div id='bank' style="display:none;">
		<p>Yet more content. This can be anything in here, html, pictures.. flash ...</p>
	</div>

вот еще картинка