Здравствуйте,
помогите понять как jquery работает с множеством элементов?
Как он определяет идентификатор обрабатываемого элемента.
Вот пример: есть
<div id="pic"><img src=" images/1.gif"><div id="masseg" style="display:none;">Описание русунка 1</div></div>
<div id="pic"><img src=" images/2.gif"><div id="masseg" style="display:none;">Описание русунка 2</div></div>
<div id="pic"><img src=" images/3.gif"><div id="masseg" style="display:none;">Описание русунка 3</div></div>
Ну вот использую такой jquery
$(document).ready(function() {
$('#pic').hover(function(){ // добираемся до элемента по которому будем кликать
$(this).find('#masseg').animate({'opacity': '1'},500).css({'display':'block'}); // а теперь аккуратно выводим наш блок
},
function(){ // убираем блок
$(this).find('#masseg').animate({'opacity':'0'},500).css({'display':'none'});
});
});
Пример работает только c первым блоком(images/1.gif) работает замечательно, но когда навожу мыш на другие блоки, результата никого(((
Объясните, как обрабатывать большое количество блоков одним jquery скриптом?