Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery]Problem z hide(), show().
Forum PHP.pl > Forum > Po stronie przeglądarki
Lampek
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();
    });

});
maniana
Rozwiązanie na takie bolączki: http://api.jquery.com/mouseleave/ :)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.