Показать сообщение отдельно
  #5 (permalink)  
Старый 30.04.2013, 20:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,109

Сообщение от wgt
Попробую проще.
А нужно понятно.
Объясняльщик ты еще тот! Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.block {
	margin-bottom: 5px;
	border: 1px solid;
}
.block > p {
	margin: 2px;
}
.not_right_red {
	color: red;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('.block > .not_right_blic').click(function (){
		$(this.parentNode).find('.not_right_blic').unbind('click')
		$(this).removeClass("not_right_blic");
		$(this).addClass("not_right_red");
	});
});
</script>
</head>
<body>
<div class='block'>
	<p class="not_right_blic">неправильный ответ</p>
	<p class="not_right_blic">неправильный ответ</p>
	<p class="not_right_blic">неправильный ответ</p>
</div>
<div class='block'>
	<p class="not_right_blic">неправильный ответ</p>
	<p class="not_right_blic">неправильный ответ</p>
	<p class="not_right_blic">неправильный ответ</p>
</div>
</body>
</html>
Ответить с цитированием