Здравствуйте! Не работает 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>