MouseOver - показываем 1 элемент из нескольких одинаковых

[moblex]

Приветствую, прошу помощи.

Подскажите как сделать... есть несколько div со вложенным span :
<div id="agr"><span></span></div>
<div id="agr"><span></span></div>
<div id="agr"><span></span></div>
<div id="agr"><span></span></div>

Нужно сделать так, что при наведении курсора на div показывался только span вложенный в этот div ... проблема в том, что показываются все спаны сразу

[Gvozd]

id должен быть уникальным в пределах страницы

[Aetae]

...в пределах страницы

Что, были прецеденты: кто то каждый раз генерировал абсолютно уникальный id?)))

[lalala]

понятия не имею, что вы имели ввиду под "показыванием span"...надеюсь ошибок я не наделал и все работает адекватно

function lala(obj){
alert($($(obj).children().get(0)).text());
}

<div id="agr" onmouseover="lala(this);"><span>1111</span></div>
<div id="agr" onmouseover="lala(this);"><span>2222</span></div>
<div id="agr" onmouseover="lala(this);"><span>3333</span></div>
<div id="agr" onmouseover="lala(this);"><span>4444</span></div>

[monolithed]

надеюсь ошибок я не наделал

id должен быть уникальным в пределах страницы

раз создали тему читайте, что вам пишут

[Gvozd]

monolithed,
Раз пишешь другим что им читать, прочитай внимательно кто именно, что пишет
Например ТС, пока еще не появлялся в теме

[lalala]

monolithed,
тема превращается в пофлудим и успокоимся?

показывался только span вложенный в этот div

обычно задания формулируются более точно...если Вы прекрасно понимаете, что от вас хотят в данной фразе то и флаг вам в руки. почему бы не подсказать человеку? с удовольствием увижу ваш пример решения. все же я пришел на форум чему то учится

[Matre]

moblex

Меняйте ID на класс и пишите:

$("div.agr").bind("mouseover mouseout", function () {
	$("span", this).toggle();
});