Menu w Jqwery - Wersja do druku

Menu w Jqwery - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Menu w Jqwery (/thread-menu-w-jqwery)

Menu w Jqwery - Witek76 - 21-06-2013

Witam!

Mam taką sytuacje http://jsfiddle.net/nvn7V/ . Jak spojrzymy na efekt skryptu to można wydedukować jego działanie - a mianowicie na początku next wybiera potomków, slideDown pokazuje elementy, następnie pauza na 4s, i tu jak nie wskażemy kolejnego elementu to wszystko stoi, po wskazaniu kolejnego elementu next zwalnia kolejke (jak mi się zdaje) i siblings za pomocą slideUp() ukrywa elementy menu - prosze mi powiedzieć czy dobrze myślę - dlaczego slideUp nie ukrywa elementów menu jak nie wskarzemy kolejnego elementu.

Z góry dzięki za odpowiedź,

RE: Menu w Jqwery - atp - 22-06-2013

(21-06-2013, 20:13)Witek76 napisał(a): (...)dlaczego slideUp nie ukrywa elementów menu jak nie wskarzemy kolejnego elementu.

Pewnie dlatego:

Kod:
$("div#menu_1").mouseover

Zdarzenie wykonywane jest tylko po najechaniu na #menu_1 ... Musiałbyś dorzucić do tego jeszcze .mouseout Wink

...albo np. tak:

Kod:
$(function() {

$('div.menu_1').hover(function(){ $(this).next("div.menu_2").slideDown(1000).delay(4000).siblings("div.menu_2").slideUp(1000);

}, function(){

        $("div.menu_2").slideUp(1000);

    });

});

ID zamieniłem na klasy ponieważ w jednym dokumencie może być tylko jedno id o danej wartości. Inna sprawa że całe to menu powinno być oparte ul li ...

RE: Menu w Jqwery - Kartofelek - 22-06-2013

To powinno być wykonane na samym css.
A dokładniej:

Kod:
.menu_1 ul {max-height:0; transition:max-height 0.4s; overflow:hidden;} /* ul = podmenu */

.menu_1 a:focus + ul {max-height:99999px;}

Powyższy przykład można by zmodyfikować i wykorzystać checkboxa i dodatkowy skrypt dla starszych przeglądarek.
Teraz jest bardzo źle bo po pewnym czasie samo się zsuwa i przez to utrudnia nawigację.

RE: Menu w Jqwery - Witek76 - 22-06-2013

Cytat: Zdarzenie wykonywane jest tylko po najechaniu na #menu_1 ...

ok Wszystko fajnie tylko wciąż nie wiem dlaczego $(this).next("div#menu_2").slideDown(1000).delay(4000) TU SIE ZATRZYMUJE (tak funkcja next działa ?- podobnie jak ma to miejsce w przypadku function(next)? (chyba nie :/) a może jest tak ,że po mouseover na inny element menu jest zwalniana kolejka i wtedy uruchamia się ---> .siblings("div#menu_2").slideUp(1000); hmm...

pozdrawiam,