slideDown/slideUp na przykładzie, jak zapanować nad .hover? |
slideDown/slideUp na przykładzie, jak zapanować nad .hover? |
21.01.2013, 22:06:39
Post
#1
|
|
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%) |
Zrobiłem coś takiego:
html: <div class="slider"></div> <nav id="menu-nav"> <ul> <li><a class="active_btn" id="slider" href="#">Link1</a></li> <li><a href="#">Link2</a></li> <li><a href="#">Link3</a></li> <li><a href="#">Link4</a></li> </ul> <script> $("#slider").hover(function () { if ($(".slider").is(":hidden")) { $(".slider").slideDown("fast"); } else { $(".slider").slideUp(); } }); </script> </nav> działa, ale chcę aby, gdy przesuwam się poza obszar div'a pod którego podczepiona jest klasa .slider, robił się slideUp, a nie jak jest teraz, że jak zjeżdżam z linka w menu, to już wtedy, robi mi się slideUp. a tu klasa .slider w css: .slider { width:100%; height:300px; display:none; position:absolute; background-color:#ccc; z-index:1; } jak to zrobić? Ten post edytował marcus755 22.01.2013, 10:07:11 |
|
|
22.01.2013, 00:46:55
Post
#2
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
Wrzuć to na jsbina i podeślij link, zaraz coś zaradzimy .
-------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
22.01.2013, 10:13:37
Post
#3
|
|
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%) |
zapodaję linka do modyfikacji
http://jsbin.com/asibih/2 Ten post edytował marcus755 22.01.2013, 10:16:00 |
|
|
22.01.2013, 12:59:42
Post
#4
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
Chyba nie do końca zrozumiałem. Chcesz aby po najechaniu na obszar .slider zrobił się slideup .slider, tak?
-------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
22.01.2013, 13:58:06
Post
#5
|
|
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%) |
Chcę aby po najechaniu na link wysunął mi się .slider i nie znikał mi, gdy jestem w tym obszarze, dopiero gdy zjadę poza obszar .slider - wtedy aby zrobił się slideUp.
Tak jak często to ma miejsce na różnych stronach, że najeżdżam na link, wysuwa mi się obszar, w którym może być menu lub inne teksty, itp. Ten post edytował marcus755 22.01.2013, 14:01:19 |
|
|
22.01.2013, 14:06:33
Post
#6
|
|
Grupa: Zarejestrowani Postów: 272 Pomógł: 28 Dołączył: 13.02.2011 Ostrzeżenie: (0%) |
-------------------- Nie obrażę się, jeśli za udzieloną pomoc odwdzięczysz się klikając w "Pomógł" :).
|
|
|
22.01.2013, 15:22:32
Post
#7
|
|
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%) |
jeżeli chodzi o kod wygląda dobrze i wg. tej logiki, tyle że u mnie pod linkiem które podałeś i u mnie jak sprawdzałem to nie działa...
już wiem dlaczego:-) na ko końcu nie było ); już działa... Wielkie Dzięki:-) |
|
|
Wersja Lo-Fi | Aktualny czas: 26.04.2024 - 09:47 |