Показать сообщение отдельно
  #1 (permalink)  
Старый 22.08.2012, 17:45
Новичок на форуме
Отправить личное сообщение для More916 Посмотреть профиль Найти все сообщения от More916
 
Регистрация: 22.08.2012
Сообщений: 6

Изменнение размеров блоков при наведение
Здравствуйте! Не работает jQuery скрипт, а именно:
При наведение на блок с id "zoom", он увеличивается (+показывается скрытый в нем (display: none) текст), но срабатывает скрипт, почему то, только на первом блоке! А все остальные как будто бы с другим id
Вот код скрипт:

$(function(){
	$('#zoom').hover(function(){
			$(this).stop().animate({width:"130px",height:"130px",left:"-40px",top:"-40px"}, 400);
			$(this).find('p').fadeIn("slow"); 
		},
		function(){
			$(this).stop().animate({width:"50px",height:"50px",left:"0",top:"0"}, 400);
			$(this).find('p').css('display','none');
		});
});


И часть HTML кода:
<div id="menu">
<div id="zoom"><p>Меню</p></div>
<div id="zoom"><p>Меню</p></div>
</div>
<div id="menu">
<div id="zoom"><p>Меню</p></div>
<div id="zoom"><p>Меню</p></div>
</div>
Ответить с цитированием