Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery]Problem z hide(), show().
Lampek
post
Post #1





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 7.01.2011

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


Witam
Mam problem otóż zrobiłem sobie menu i po najechaniu na któryś z guzików chce żeby w dół wyjeżdżał div z tłem i linkami. Mam zrobione tak, że div z samym tłem już wyjadając ale nie wiem jak sobie poradzić z tym żeby div który wyjeżdża nie znikał natychmiast bo nie można wtedy nawet myszką na niego najechać.
Moje pytanie jak zrobić, żeby div ten znikną dopiero po tym jak zjadę muszką z przycisku lub z samego diva.
Działający przykład : http://www.hdprint.pl/test/decorprint/index.html (wystarczy najechać myszka na górne menu)

Kod:

menu html + css
  1. <ul id="menu-glowne">
  2. css
  3. .wyjazd {
  4.  
  5. margin-top:82px;
  6. height:335px;
  7. width:690px;
  8. background:#5c5c5c;
  9.  
  10. }
  11.  
  12. html
  13.  
  14.  
  15. <li><a href="#" class="active">Fototapety</a>
  16. <div class="wyjazd"></div>
  17.  
  18. </li>
  19. <li><a href="#" class="active1">Naklejki</a>
  20. <div class="wyjazd1"></div>
  21. </li>
  22. <li><a href="#" class="active2">Obrazy</a>
  23. <div class="wyjazd2"></div>
  24. </li>
  25. <li><a href="#" class="active3">Plakaty</a>
  26. <div class="wyjazd3"></div>
  27. </li>
  28. <li><a href="#" class="active4">Akcesoria</a>
  29. <div class="wyjazd4"></div>
  30. </li>
  31.  
  32.  
  33.  
  34. <li><a href="#" style="width:190px; height:54px; padding-top:25px;"><img src="img/swiat-dziecka.png" alt="Świat dziecka" /></a></li>
  35.  
  36. </ul>

kod jquery
Kod
$(document).ready(function(){

        $(".wyjazd").stop().fadeTo('fast', 1).hide();
        $(".active").show();

    $('.active').hover(function(){
    $(".wyjazd").slideToggle();
    });

});
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
maniana
post
Post #2





Grupa: Zarejestrowani
Postów: 207
Pomógł: 44
Dołączył: 18.05.2007

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


Rozwiązanie na takie bolączki: http://api.jquery.com/mouseleave/ :)
Go to the top of the page
+Quote Post

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: 24.12.2025 - 02:16