[msncom]

всем привет. помогите плиз! есть 3 картинки, по клику показывает div, относящийся к ней, и прячет другие.

<table width="100%">
<tr>
<td align="right"><a href="#div1" class="link"><img src="1.png" width="100" height="101" /></a></td>
<td align="center" width="20%"><a href="#div2" class="link"><img src="2.png" width="100" height="101" /></a></td>
<td align="left"><a href="#div3" class="link"><img src="3.png" width="100" height="101" /></a></td>
</tr>
</table>

<div class="bar" id="div1">
</div>

<div class="bar" id="div2">
</div>

<div class="bar" id="div3">
</div>

вот javascript

$('.link').on('click', function(e) {
		e.preventDefault();
		$('.bar').each(function() {
			$(this).css('display', 'none');
		});
		var block = $(this).attr('href');
		$(block).css('display', 'block');
	});

и css

#div2, #div3{display:none;
}

как добавить изменение opacity к картинкам? активный (1), скрытые - 0.5