Показать сообщение отдельно
  #18 (permalink)  
Старый 31.07.2013, 10:39
Интересующийся
Отправить личное сообщение для tom_ozi Посмотреть профиль Найти все сообщения от tom_ozi
 
Регистрация: 29.07.2013
Сообщений: 11

Как можно перенести кнопку над блоками div?
Добрый день
Как можно перенести кнопку над блоками div?
При переносе - функция не выполняется.
Нижняя кнопка работает, а верхняя не работает.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html> <head>

<style type='text/css'>
.style1  {width: 300; height: 100; background: #f00000; text-align:center;}
.style2  {width: 400; height: 200; background: #00f000; text-align:left;}
</style>
</head> 
<body> <input type=button  value='Поменять стиль'>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
	var group = $('.group');
	$(':button').click(function()
		{
		$(group).toggleClass('style1');
		$(group).toggleClass('style2');
		});  
	</script>
<div class='group style1'>бла-бла-бла</div>
<div class='group style1'>бла-бла-бла</div>
<input type=button  value='Поменять стиль'>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
	var group = $('.group');
	$(':button').click(function()
		{
		$(group).toggleClass('style1');
		$(group).toggleClass('style2');
		});  
	</script></body> 
</html>





Спасибо

Последний раз редактировалось tom_ozi, 01.08.2013 в 20:25. Причина: Уточнение вопроса
Ответить с цитированием