Показать сообщение отдельно
  #3 (permalink)  
Старый 20.10.2014, 18:55
Аспирант
Отправить личное сообщение для ViRuSreloaded Посмотреть профиль Найти все сообщения от ViRuSreloaded
 
Регистрация: 13.10.2014
Сообщений: 73

Код яваскрипт(вставляем до </head>):
<script type="text/javascript">
$(document).ready(function() {
	$('.content').click(function() {
			$('.content').removeClass('big'); // Убираем у всех класс "большой"
			$(this).addClass('big'); // Ставим текущему класс "большой"
     });
});
</script>


А после HTML:
<div class='content small'>
	БЛОК 1
</div>
<div class='content small'>
	БЛОК 2
</div>


CSS:
.small {
width:100%;
height:50px;
background: pink;
}
.big {
width:100%;
height:100px;
background: green;
}

Последний раз редактировалось ViRuSreloaded, 20.10.2014 в 18:58. Причина: В коде CSS исправил '=' на двоеточия ':' :P
Ответить с цитированием