Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> problem z hover dla kilku takich samych div
lol99
post
Post #1





Grupa: Zarejestrowani
Postów: 75
Pomógł: 0
Dołączył: 25.12.2008

Ostrzeżenie: (0%)
-----


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

  1. $(document).ready(function() {
  2.  
  3. $("#box").hover(
  4. function () {
  5. $("#box .time").show();
  6.  
  7.  
  8. },
  9. function () {
  10. $("#box .time").hide();
  11. }
  12. );
  13.  
  14. });


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

  1. <div id="box">
  2. <div class="time"></div>
  3. </div>
  4. <!-- działa tylko na pierwszym div'ie, na reszcie nie reaguje -->
  5.  
  6. <div id="box">
  7. <div class="time"></div>
  8. </div>
  9.  
  10. <div id="box">
  11. <div class="time"></div>
  12. </div>
  13.  
  14. <div id="box">
  15. <div class="time"></div>
  16. </div>
  17.  
  18. <div id="box">
  19. <div class="time"></div>
  20. </div>
  21. ....
  22.  


Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lol99
post
Post #2





Grupa: Zarejestrowani
Postów: 75
Pomógł: 0
Dołączył: 25.12.2008

Ostrzeżenie: (0%)
-----


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
  1. $(document).ready(function() {
  2.  
  3. $('.box').hover(
  4. function () {
  5. var id = $(this).attr('id');
  6. $('#'+id+' .time').show("slow");
  7. },
  8. function () {
  9. var id = $(this).attr('id');
  10. $('#'+id+' .time').hide("slow");
  11. }
  12. );
  13.  
  14.  
  15. });

  1. <div class="box" id="1">
  2. <div class="time"></div>
  3. </div>
  4. <div class="box" id="2">
  5. <div class="time"></div>
  6. </div>
  7. <div class="box" id="3">
  8. <div class="time"></div>
  9. </div>
  10. itd
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 07:50