[Globus]

Добрый день! Господа, подскажите, пожалуйста с решением вот какой проблемы:

В автоматически генерируемой форме есть несколько инпутов (радио) и над ними div-ы с картинками. По умолчанию в цсс у дивов с картинками задан opacity:0.5 , при нажатии на инпут, картинка над ним должна становиться непрозрачной, т.е. opacity:1

Это я сделал, присвоив не картинке, а самому диву прозрачность.
------------

Вопрос!

Как сделать, чтобы при нажатии на другую радио кнопку, например, из группы "Цвет", первый выбранный див (с картинкой) обратно становился прозрачным, как и был.

При этом есть ведь несколько дивов, внутри которых группы радио кнопок ( <div class="1">, <div class="2">.... ) - цвет, размер и т.п.

Как быть? Заранее спасибо за помощь!

Нет id, на checked ориентироваться тоже нельзя..(

$('input').click(function(){
  $(this).prev().animate({opacity:'1.0'});
  return false;
});

<style>
div.images { opacity:0.5; }
</style>
 
<form method="POST" action="" class="wpcc_form wpcc_form_2">
<div class="1">
  цвет
	<label>
		<div class="images"><img src="img-1.jpg"></div>
		<input type="radio" name="m"> 
	</label>
				
	<label>
		<div class="images"><img src="img-2.jpg"></div>
		<input type="radio" name="m"> 
	</label>
</div>
 
<div class="2">	
  форма
 	<label>
		<div class="images"><img src="1a-img.jpg"></div>
		<input type="radio" name="p"> 
	</label>
	<label>
		<div class="images"><img src="2a-img.jpg"></div>
		<input type="radio" name="p"> 
	</label>
		<label>
		<div class="images"><img src="3a-img.jpg"></div>
		<input type="radio" name="p"> 
	</label>
</div>
</div>