problem z hover dla kilku takich samych div Opcje

[lol99]

Witam
mam problem z poniższym skryptem
działać a zasadzie: najeżdżamy na div #box i pokazuje nam div time

[HTML] pobierz, plaintext 
        $(document).ready(function() {
 
        $("#box").hover(
                function () {
                         $("#box .time").show();
 
 
                }, 
                function () {
                         $("#box .time").hide();
                }
        );      
 
});
[HTML] pobierz, plaintext 

działa on tylko dla jednego div'a, a ma dla wszystkich,

[HTML] pobierz, plaintext 
<div id="box">
         <div class="time"></div>
</div> 
<!-- działa tylko na pierwszym div'ie, na reszcie nie reaguje -->
 
<div id="box">
         <div class="time"></div>
</div>
 
<div id="box">
         <div class="time"></div>
</div>
 
<div id="box">
         <div class="time"></div>
</div>
 
<div id="box">
         <div class="time"></div>
</div>
.... 
 
[HTML] pobierz, plaintext 

[Damonsson]

Bo ID jest unikalne. Tylko dla jednego elementu. Jak dasz CLASS powinno działać, choć nie znam się super na jQuery.

Ten post edytował Damonsson 27.06.2011, 21:17:06

[luckyps]

Zamien na:

[HTML] pobierz, plaintext 
<div class="box">
    <div class="time"></div>
</div>
[HTML] pobierz, plaintext 

i

[HTML] pobierz, plaintext 
$(".box").hover(
    function () {
        $(this).find('div').show();
    },
    function () {
        $(this).find('div').hide();
   }
); 
[HTML] pobierz, plaintext 

powinno zalatwic sprawe

[lol99]

działa, ale dalej nie tak jak chce.
tzn najadę na pierwszego, i pokazuje sie w wszystkich a ma tylko w tym na który najadę ;

[luckyps]

Czyli najechanie myszka na jakikolwiek div ktory ma class="box" ma spowodowac, ze pojawic się maja wszystkie divy z class="time" czy tylko ten, ktory jest w aktualnie "najechanym" divie z class="box"

[lol99]

tylko ten na który najechaliśmy.
tzn
najeżdżamy na box nr1 pokazuje sie .time w box nr2
najeżdzamy na box nr2 pokazuje sie .time w box nr2
itd...

problem rozwiązany

[HTML] pobierz, plaintext 
	$(document).ready(function() {
 
			$('.box').hover(
					function () {
					var id = $(this).attr('id');
					$('#'+id+' .time').show("slow");
				}, 
				function () {
					var id = $(this).attr('id');
					$('#'+id+' .time').hide("slow");
			}
		);
 
 
});	
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="box" id="1">
    <div class="time"></div>
</div>
<div class="box" id="2">
    <div class="time"></div>
</div>
<div class="box" id="3">
    <div class="time"></div>
</div>
itd
[HTML] pobierz, plaintext