сброс скрипта

[SCHNITZER]

Есть три блока, при нажатии блок исчезает на 50%.

<div id='th1' style=' display:block; width:40px; height:40px; background:red;'></div>
<div id='th2' style=' display:block; width:40px; height:40px; background:green;'></div>
<div id='th3' style=' display:block; width:40px; height:40px; background:black;'></div>

<script type="text/javascript">
 $("#th1").click(function () {
 $(this).fadeTo(400, 0.5);
 });		
</script>

<script type="text/javascript">
 $("#th2").click(function () {
 $(this).fadeTo(400, 0.5);
 });		
</script>

<script type="text/javascript">
 $("#th3").click(function () {
 $(this).fadeTo(400, 0.5);
 });
</script>

А как сделать, что бы при нажатии на один блок, другие становились со 100% прозрачностью? Т.е. с 50% прозрачностью оставался только один блок.

Пока пишу каждому блоку и поведение остальных, а как это "одной строкой" написать?

Edited November 11, 2010 by SCHNITZER

[Veseloff]

Ну указать всем 100% прозрачность: «$('div').%как там делается прозрачность%», а этому блоку 50%: «$(this).%как там делается прозрачность%». Или я что-то не понимаю?

[Great Rash]

Все 3 блока обернуть в один контейнер, а потом:

$('#контейнер div').click(function() {
	$('#контейнер div').each(function() {
		$(this).css('visibility', 'hidden');
	});

	$(this).fadeTo(400, 0.5);
});

Как то так.