[JavaScript] jquery find alternative

[Drogenfahnder]

Hallo,
ich möchte mehrere Bilder mit einem mousover ausstatten.
Die Struktur ist folgendermaßen aufgebaut

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
<div id="eins">
<img class="out" ....>
<img class="out1" ....>
<img class="out2" ....>
<img class="out3" ....>
</div>
<div id="eins">
<img class="out" ....>
<img class="out1" ....>
<img class="out2" ....>
<img class="out3" ....>
</div>

für die Ansteuerung per jQuery

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
    $(document).ready(function(){
		$("#eins").hover(
  		function() {
  			$(this).find(".out").stop().animate({"opacity": "0"}, "200");
  			$(this).find(".out1").stop().animate({"opacity": "0"}, "200");
  		},
  		function() {
  			$(this).find(".out").stop().animate({"opacity": "1"}, "200");
  			$(this).find(".out1").stop().animate({"opacity": "1"}, "200");
  		}
    );
     
    });

das Problem ist, das nur die Bilder im ersten divblock einen mousover haben.
Wie kann ich das Problem beheben?

[Xot]

Deine id im DIV ist zweimal vergeben, diese dürfen nur einmal vergeben sein, ansonsten sollte class verwendet werden.

Also entweder auf class wechseln, oder eine zweite id für den zweiten DIV benutzen.

[tleilax]

Darüber hinaus geht folgendes übrigens auch (und ist äquivalent zu dem von Dir verwendeten find()):

1:
$(".out,.out1", this).stop().animate(...);

[Drogenfahnder]

ich danke tleilax und Xot für die Lösung!!